.mix-hard-light {
    mix-blend-mode: hard-light;
    display: block;
}

.mix-hard-light .tn-atom {
    position: absolute;
    height: 100%;
}

.gradient-line .tn-atom,
.gradient-line-2 .tn-atom {
    background-image: radial-gradient(50% 50% at 50% 50%, #FACA16 9.4%, #FE2B06 38.4%, #4235DE 93.9%) !important;
}

.gradient-line-2 {
    width: calc((100% - 1792px) / 2 + 1792px) !important;
}

.radial-fon .tn-atom {
    background-image:radial-gradient(50% 50% at 50% 50%, #FACA16 9.4%, #FE2B06 38.4%, #4235DE 93.9%) !important;
}

.menu-bg .tn-atom {
    background: rgba(0, 0, 0, 0.34) !important;
}

.menu-bg .tn-atom::before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border-radius: inherit;
    background: radial-gradient(circle at center,  
        rgba(250, 202, 22, 1) 0%,  
        rgba(254, 43, 6, 1) 44%,  
        rgba(66, 53, 222, 1) 100%);
    
    z-index: -1;
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask-composite: exclude;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    padding: 1px; /* Толщина границы */
}

.btn-left-text .tn-atom {
    padding-left: 24px;
}