.header-btn-gradient {
  border: 3px solid transparent !important; 
  border-radius: 5px !important;
  background: 
    linear-gradient(#0a0a0a, #0a0a0a) padding-box,
    linear-gradient(90deg, #0057ff, #ff007a) border-box;
  color: #F2F2F2;
}

.bento-gradient-border {
  border: 3px solid transparent !important; 
  border-radius: 10px !important;
  background: 
    linear-gradient(#0a0a0a, #0a0a0a) padding-box,
    linear-gradient(90deg, #39377F, #9E3867) border-box;
  box-shadow: 
    inset -3px -3px 16px #dd4274,  /* розовая внутренняя тень */
    inset 3px 3px 16px #1c46b2;    /* синяя внутренняя тень */
}

.pink-blue-gradient-border {
  border: 3px solid transparent !important; 
  border-radius: 10px !important;
  background: 
    linear-gradient(#0a0a0a, #0a0a0a) padding-box,
    linear-gradient(90deg, #39377F, #9E3867) border-box;
}

.white-grey-gradient-border {
  border: 2px solid transparent !important; 
  border-radius: 10px !important;
  background: 
    linear-gradient(#0a0a0a, #0a0a0a) padding-box,
    linear-gradient(135deg, #B3B3B3, #0a0a0a) border-box;
}

.pink-gradient-border {
  border: 2px solid transparent !important; 
  border-radius: 10px !important;
  background: 
    linear-gradient(#0a0a0a, #0a0a0a) padding-box,
    linear-gradient(45deg, #0A0A0A, #EF436E) border-box;
}

.blue-gradient-border {
  border: 2px solid transparent !important; 
  border-radius: 10px !important;
  background: 
    linear-gradient(#0a0a0a, #0a0a0a) padding-box,
    linear-gradient(135deg, #0047BB, #0A0A0A) border-box;
}

@media (max-width: 768px) {
  .bento-gradient-border {
    border: 2px solid transparent !important;
  }
  .header-btn-gradient {
    border: 2px solid transparent !important;
  }
}