.my-neon-text {
  color: #fff !important;
  text-shadow:
    0 0 20px #FFE8E6;
}

.pink-neon-text {
  color: #fff !important;
  text-shadow:
    0 0 20px #FB658C;
}

.pink-neon-btn {
  border-radius: 30px;
  box-shadow: 0 0 15px #FB658C;
}

.gradient-word {
  background: linear-gradient(90deg, #FFAEC3 0%, #FF0043 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-weight: 700;
}

.blur-block {
  border-radius: 20px;
  /* Полупрозрачный фон для видимости блюра */
  background: rgba(30, 8, 38, 0.7); /* Пример, можно заменить */
  backdrop-filter: blur(25px);
  -webkit-backdrop-filter: blur(25px);
  /* Drop shadow */
  box-shadow: 0 27px 119px 0 rgba(0, 0, 0, 0.19);
}



/*темная кнопка*/
/* Настройки кнопок */
:root {
--btn-gradient-border: conic-gradient(from 0 at 50% 50%, rgb(100 205 245 / 100%) 0deg, rgb(255 255 255 / 0%) 60deg, rgb(255 255 255 / 0%) 310deg, rgb(86 249 220) 360deg);
--btn-gradient-border-hover: conic-gradient(from 0 at 50% 50%, rgba(255, 255, 255, 1) 0deg, rgba(255, 255, 255, 0) 60deg, rgba(255, 255, 255, 0) 310deg, rgba(255, 255, 255, 1) 360deg);
--btn-gradient-bg: conic-gradient(from 0 at 50% 50%, rgba(255, 255, 255, 0.3) 0deg, rgba(255, 255, 255, 0) 60deg, rgba(255, 255, 255, 0.3) 280deg, rgba(255, 255, 255, 0.3) 180deg);
--btn-gradient-border-size: 1.5px solid;
--btn-gradient-border-color: #333333;
--btn-gradient-border-color-hover: #595959;
--btn-gradient-bg-opacity: 0.1;
--btn-gradient-bg-opacity-hover: 0.4;
--btn-gradient-border-radius: 10px;
}
.btn-wrapper {
width: 100%;
height: 100%;
border: var(--btn-gradient-border-size);
position: absolute;
left: 50% !important;
border-radius: var(--btn-gradient-border-radius);
top: 50% !important;
transform: translate(-50%, -50%);
content: "";
inset: 0;
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
mask-composite: exclude;
}
.btn-gradient-animation .tn-atom {
transition: all 0.4s !important;
}
.btn-bg-wrapper {
height: 100%;
overflow: hidden;
position: absolute;
width: 100%;
top: 50%;
border-radius: var(--btn-gradient-border-radius);
left: 50%;
z-index: -1;
transform: translate(-50%, -50%);
}
.btn-gradient-animation .btn-gradient-bg {
width: 500px;
height: 500px;
opacity: var(--btn-gradient-bg-opacity);
transition: all 0.4s;
-webkit-animation: borderTurn 2.5s infinite linear;
background-image: var(--btn-gradient-bg);
position: absolute;
top: 50%;
z-index: -2;
left: 50%;
transform: translate(-50%, -50%);
}
.btn-gradient-animation:hover .btn-gradient-bg {
opacity: var(--btn-gradient-bg-opacity-hover);
}
.btn-gradient-animation:hover .tn-atom {
transition: all 0.4s !important;
}
.btn-gradient-animation .btn-gradient {
transition: all 0.4s;
-webkit-animation: borderTurn 2.5s infinite linear;
width: 500px;
height: 500px;
background: var(--btn-gradient-border-color);
background-image: var(--btn-gradient-border);
position: absolute;
top: 50%;
z-index: -1;
left: 50%;
transform: translate(-50%, -50%);
}
.btn-gradient-animation:hover .btn-gradient {
background: var(--btn-gradient-border-color-hover);
background-image: var(--btn-gradient-border-hover);
}
@keyframes borderTurn {
0% {
transform: translate(-50%, -50%) rotate(0);
}
to {
transform: translate(-50%, -50%) rotate(360deg);
}
}
@-webkit-keyframes borderTurn {
0% {
-webkit-transform: translate(-50%, -50%) rotate(0);
}
to {
-webkit-transform: translate(-50%, -50%) rotate(360deg);
}
}


$(document).ready(function () {
$('.btn-gradient-animation').each(function () {
$('').appendTo($(this).find('.tn-atom'));
$('').appendTo($(this).find('.tn-atom'));
});
});