.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;
}

.pink-gradient-border {
  border: 2px solid transparent !important; 
  border-radius: 10px !important;
  background: 
    linear-gradient(#0a0a0a, #0a0a0a) padding-box,
    linear-gradient(0deg, #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;
  }
}

.bordered-button {
    position: relative;
    display: inline-block;
    padding-bottom: 5px;
}
    
.bordered-button::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(to right, #F82F83, #1946B2);
    transition: background 0.3s ease;
}
    
.bordered-button:hover::after {
    background: #F2F2F2; /* меняем на белый */
}