:root {
    --primary-color: #C926F2;
    --violet-color: #9145FF;
    --light-gray-color: #26252D;
}

.steam-content {
    padding-top: 0;
}
.steam-content .container{
    padding-top: 20px;
}
.steam-content .breadcrumb span, .steam-content .breadcrumb span a{
    color: #ffffff;
    font-size: 12px;
    font-weight: 400;
    text-transform: math-auto;
}
body, .site-content, .site-header, .site-footer, .main-navigation, .mobile-menu-placeholder, .mobile-menu-placeholder a{
    background-color: #111111;
    color: #ffffff;
}
.main-navigation ul li.menu-item-has-children:before, .main-navigation ul li.menu-item, .main-navigation ul li span{
    background-color: #111111;
    color: #ffffff;
}
.removed-link{
    background-color: #111111;
}
.site-header {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
}
.site-header .site-title a {
    color: #ffffff;
}
.social-links .social-button--tiktok:before {
    background: url("data:image/svg+xml,%3Csvg width='17' height='20' viewBox='0 0 17 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.9923 4.84286C15.7016 4.84518 14.4622 4.33761 13.5438 3.43063C12.6255 2.52364 12.1025 1.29066 12.0888 0H8.93302V13.3512C8.93302 14.6136 8.10767 15.6816 6.96674 16.0579C6.63903 16.1671 6.27491 16.2157 5.91078 16.2036C5.43742 16.1793 4.98833 16.0336 4.59993 15.803C4.18134 15.5551 3.83327 15.204 3.58892 14.7833C3.34457 14.3626 3.21209 13.8863 3.20412 13.3998C3.19799 13.0202 3.26762 12.6432 3.40894 12.2909C3.55026 11.9386 3.76044 11.618 4.02717 11.3478C4.29391 11.0777 4.61183 10.8635 4.96236 10.7177C5.31288 10.572 5.68895 10.4976 6.06857 10.4989C6.38414 10.4989 6.68758 10.5475 6.96674 10.6446V7.44029C5.96449 7.28381 4.93898 7.38187 3.98454 7.72547C3.03011 8.06907 2.17741 8.64716 1.50487 9.40656C0.618834 10.3897 0.0969211 11.652 0.0119586 12.975C-0.0972789 14.7107 0.546008 16.3613 1.7719 17.5872C1.95396 17.7693 2.14816 17.9271 2.34236 18.0849C2.99348 18.5837 3.73902 18.9452 4.53387 19.1475C5.32873 19.3499 6.15638 19.3889 6.96674 19.2622C8.24241 19.0734 9.42452 18.4823 10.341 17.5751C10.9021 17.0266 11.348 16.3715 11.6523 15.6482C11.9566 14.9249 12.1133 14.1481 12.113 13.3634L12.1009 6.29936C12.6471 6.72417 13.2418 7.06402 13.873 7.33105C14.8683 7.74372 15.9121 7.9622 16.9923 7.9622V4.84286Z' fill='%23FFFFFF'/%3E%3C/svg%3E") center no-repeat;
}
h1, h2 {
    font-size: 39px;
    margin-bottom: 0;
}
.main-navigation-inner a{
    color: #ffffff;
}
.main-navigation-inner .sub-menu a, .main-navigation-inner .sub-menu span, .main-navigation ul li .removed-link{
    color: #ffffff;
    background-color: #111111;
}
.main-navigation ul li .sub-menu li>span{
    background-color: #111111;
}
.footer-info div{
    justify-content: space-between !important;
    color: #ffffff;
}
.footer-info ul li a{
    text-decoration: underline;
}
.footer-info p{
    font-weight: 600;
}
.footer-info{
    color: var(--primary-color);
}
.steam-content h1,  .steam-content h2, .steam-content h3{
    color: #FFFFFF;
    user-select: none;
}
.steam-content a:focus, .steam-content a:focus-visible{
    outline: none;
}
.sub-title{
    color: var(--primary-color);
    font-weight: 400;
    font-size: 24px;
    margin-bottom: 100px;
}

.steam-form {
    display: flex;
    gap: 45px;
}
.steam-form .col {
    flex: 1;
}
.steam-form-field{
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}
.steam-form-btns-sum{
    display: flex;
    flex-direction: row;
    gap: 5px 10px;
    flex-wrap: wrap;
}
a.steam-btn-sum {
    margin: 2px 0;
    border-radius: 4px;
    padding: 10px 20px;
    border: 1px solid #ffffff;
    font-size: 14.4px;
    color: #ffffff;
    text-decoration: none;
    box-sizing: border-box;
}
.steam-btn-sum.active, .steam-btn-sum:hover{
    margin: 1px 0;
    border: 2px solid #ffffff;
    font-weight: 600;
    color: #ffffff;
}

.steam-btn-sum.active span, .steam-btn-sum:hover span{
    font-weight: 400;
}
.steam-form-field label{
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
    align-items: center;
}
.steam-form-field label span{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary-color);
    border-radius: 50%;
    height: 30px;
    width: 30px;
    /*min-width: 30px;*/
    /*min-height: 30px;*/
}

.steam-inputs {
    position: relative;
    display: flex;
    flex-direction: column;
}
input.steam-input{
    background-color: #26252D;
    border-radius: 8px;
    color: #fff;
    padding: 12px;
    border: 1px solid transparent;
    height: 64px;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}
input.steam-input:-internal-autofill-selected {
    background-color: #26252D;
}
input.steam-input:-webkit-autofill,
input.steam-input:-webkit-autofill:focus {
    transition: background-color 0s 600000s, color 0s 600000s !important;
}
input.steam-input:auto-fill{
    background-color: #26252D;
}
.steam-input-wrapper input.steam-input{
    font-weight: 600;
}
input.steam-input::placeholder {
    color: #FFFFFF;
    opacity: 50%;
}
input.steam-input:focus, input.steam-input:active{
    background-color: #26252D;
    color: #fff;
}
.steam-input-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}
.steam-input-mirror {
    position: absolute;
    visibility: hidden;
    white-space: pre;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    font-family: inherit;
    line-height: 1.4;
    font-weight: inherit;
}

.steam-input-suffix {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    white-space: nowrap;
    pointer-events: none;
    z-index: 2;
}
.alert-danger{
    display: none;
}
.alert-danger p, .invite-error p{
    color: #cf4646;
    font-size: 14px;
}
.steam-payment-options{
    display: flex;
    gap: 45px;
}
.payment-option input {
    display: none;
}
.payment-option {
    cursor: pointer;
    border-radius: 8px;
    padding: 20px;
    background-color: #0A0A0A;
    border: 1px solid #26252D;
}
label.payment-option{
    margin-bottom: 0;
}
.payment-option.active, .payment-option:has(input:checked){
    background-color: var(--violet-color);
}
.payment-option-name{
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 100%;
}
.steam-agree-text a{
    text-decoration: none;
    font-weight: 400;
    font-size: 14.4px;
    color: #4A76A8;
}
.steam-info{
    padding: 20px;
    border: 1px solid var(--violet-color);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 45px;
    height: max-content;
}

.steam-country{
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}
.steam-country .country{
    flex: 1;
    border-radius: 12px;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #26252D;
    color: #fff;
}
.none-text .country-text {
    display: none;
}
.none-text .country{
    justify-content: center;
}
/*.steam-country.ua {*/
/*    display: flex;*/
/*    justify-content: center;*/
/*}*/
/*.country.ua {*/
/*    max-width: 50%;*/
/*}*/
.country.ua img {
    width: 16px;
    height: 16px;
}
.steam-country .country:hover {
    border: 1px solid var(--violet-color);
}
.steam-country .country.active:hover {
    border: 1px solid transparent;
}
a.country{
    text-decoration: none;
}
.steam-country .active{
    background-color: var(--violet-color);
}
.steam-country .active .currency{
    background-color: #2B2E44;
    border: 1px solid #212540;
}
.steam-country .currency{
    padding: 7px 7px 7px 13px;
    display: flex;
    gap: 8px;
    border-radius: 4px;
    background-color: #1A1C2E;
    border: 1px solid #212540;
    align-items: center;
}
.currency img{
    width: 100%;
    height: 100%;
    max-width: 16px;
    max-height: 16px;
}
.steam-info-pay{
    background-color: #000000;
    border-radius: 8px;
    padding: 18px 12px;
    display: flex;
    flex-direction: column;
    gap: 5px;
 }
.steam-info-total{
    margin-top: 20px;
    font-size: 24px;
    font-weight: 600;
}
.steam-info-list {
    display: flex;
    gap: 20px;
}
.steam-info-list .list-item {
    display: flex;
    flex-direction: column;
    gap: 12px;
    font-size: 14.4px;
}
.steam-info-list .list-item img {
    width: 20px;
    height: 20px;
}
.steam-form-field.mobile{
    display: none;
}
.steam-info-row.text {
    font-size: 14.4px;
}
.steam-info-row.mobile{
    display: none;
}
.btn-white-border {
    width: 100%;
    font-weight: 600;
    padding: 20px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #FFFFFF;
    border-radius: 8px;
}
a.btn-white-border{
    text-decoration: none;
    color: #FFFFFF;
}
a.btn-white-border:hover{
    border-color: var(--primary-color);
}
.site-content-inner a.btn-input{
    /*position: absolute;*/
    text-decoration: none;
    color: #CFCFCF;
    padding: 10px 20px;
    font-size: 14.4px;
    line-height: 18px;
    border: 1px solid #FFFFFF;
    border-radius: 4px;
    right: 12px;
    top: 12px;
    z-index: 2;
    position: relative;
    max-width: max-content;
    margin-left: 15px;
    margin-bottom: 10px;
}
.site-content-inner a.btn-input:focus{
    color: #CFCFCF;
}
.site-content-inner a.btn-input:hover{
    border-color: var(--primary-color);
    color: var(--primary-color);
}
a.btn-input-mobile{
    display: none;
}
.pay-now, .btn-success {
    background-color: var(--primary-color);
    padding: 20px 24px;
    color: #ffffff;
    border-radius: 8px;
    min-width: 150px;
    border: none;
    cursor: pointer;
}
.pay-now:hover, .btn-success:hover {
    background-color: #c926f2e3;
}
.pay-now:focus, .pay-now:focus-visible, .btn-success:focus-visible, .btn-success:focus{
    outline: none;
}
.loading {
    position: relative;
    opacity: 0.7;
    pointer-events: none;
}

.loading::after {
    content: "";
    position: absolute;
    right: 43%;
    top: 50%;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    border: 2px solid #fff;
    border-top-color: transparent;
    border-radius: 50%;
    animation: spin .7s linear infinite;
}
.pay-now.loading{
    color: var(--primary-color);
}

@keyframes spin {
    to { transform: rotate(360deg); }
}
.steam-agree {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 50px;
}
input[type=checkbox]{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    width: 16px;
    height: 16px;
    cursor: pointer;
}
input[type="checkbox"]::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    border: 2px solid #ffffff;
    box-sizing: border-box;
}
input[type="checkbox"]:checked::before {
    background-color: #111111;
    color: #ffffff;
}
input[type="checkbox"]::after {
    content: "\2714";
    position: absolute;
    top: -2px;
    left: 2px;
    font-size: 14px;
    color: #ffffff;
    opacity: 0;
    transform: scale(0);
    transition: all 0.3s ease;
}
input[type="checkbox"]:checked::after {
    opacity: 1;
    transform: scale(1);
    color: #ffffff;
}
.form-logo{
    width: 100%;
}
[data-fullscreen-action], [data-panzoom-action] {
    display: none;
}
[data-fancybox-close]{
    background: transparent;
}
.sub-info{
    font-size: 12px;
    margin-top: 10px;
}
/* Преимущества */
.advantages-cards {
    display: flex;
    gap: 20px;
    margin-top: 45px;
}
.advantages-card {
    flex: 1;
    background-color: #000000;
    border-radius: 8px;
    padding: 20px;
}
.advantages-card-title {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    align-items: baseline;
}
.advantages-card-title .text{
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
}
.advantages-card-desc {
    font-size: 14.4px;
    line-height: 18px;
}
/* Отзывы */
.swiper-button-next:after, .swiper-button-prev:after{
    content: '';
}
.swiper-button-next, .swiper-button-prev{
    height: 14px;
    width: 8px;
    color: #C926F2;
}
.reviews{
    margin: 100px 0;
}
.reviews-swiper {
    position: relative;
}
.reviews-swiper .swiper {
    margin: 45px 0;
}
.reviews-slider .swiper-slide {
    width: auto !important;
    max-width: 300px;
    border-radius: 8px;
}
.reviews-swiper .swiper .swiper-slide img{
    border-radius: 8px;
    width: 100%;
    height: auto;
    transition: transform 0.3s ease;
}
.reviews-slider img:hover {
    transform: scale(1.05);
}
.reviews .swiper-button-prev {
    margin-left: -35px;
    top: 60%;
    padding: 5px 8px;
    width: 24px;
    height: 24px;
}
.reviews .swiper-button-next {
    margin-right: -35px;
    top: 60%;
    padding: 5px 8px;
    width: 24px;
    height: 24px;
}
.reviews .text {
    margin-bottom: 20px;
    font-size: 14.4px;
}
.btns-reviews{
    display: flex;
    gap: 20px;
}
.btn-reviews{
    flex: 1;
    display: flex;
    gap: 20px;
}
.btn-reviews a{
    display: flex;
    gap: 8px;
    align-items: center;
}
.btn-reviews img{
    max-width: 40px;
    max-height: 40px;
    object-fit: cover;
}
.btn-reviews .btn-white-border{
    padding: 11px 0;
}
/* Часто задаваемые вопросы */
.questions{
    width: 100%;
    margin: 45px 0;
}
.questions li{
    background-color: #000000;
    border-radius: 8px;
    color: #ffffff;
    width: 100%;
    padding: 20px;
}
.questions li a{
    text-decoration: none;
    font-size: 24px;
    color: #ffffff;
}
.questions li a:hover{
    color: #ffffff;
}
.questions .uk-accordion-content{
    font-size: 14.4px;
}
.questions li:focus, .questions li:focus-visible, .questions li a:focus, .questions li a:focus-visible{
    outline: 0;
}
.uk-accordion-title::before{
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='15' height='8' viewBox='0 0 15 8' fill='none'><path d='M13.7109 0.28125C13.5078 0.09375 13.2734 0 13.0078 0C12.7422 0 12.5078 0.09375 12.3047 0.28125L7.00781 5.60156L1.71094 0.28125C1.50781 0.09375 1.27344 0 1.00781 0C0.742188 0 0.507812 0.09375 0.304688 0.28125C0.101562 0.484375 0 0.71875 0 0.984375C0 1.25 0.101562 1.48438 0.304688 1.6875L6.30469 7.6875C6.41406 7.79688 6.53516 7.875 6.66797 7.92188C6.80078 7.96875 6.91406 7.99219 7.00781 7.99219C7.10156 7.99219 7.21484 7.96875 7.34766 7.92188C7.48047 7.875 7.60156 7.79688 7.71094 7.6875L13.7109 1.6875C13.9141 1.48438 14.0156 1.25 14.0156 0.984375C14.0156 0.71875 13.9141 0.484375 13.7109 0.28125Z' fill='%23C926F2'/></svg>");
}
.uk-open>.uk-accordion-title::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='15' height='8' viewBox='0 0 15 8' fill='none'><path d='M13.7109 7.71094C13.5078 7.89844 13.2734 7.99219 13.0078 7.99219C12.7422 7.99219 12.5078 7.89844 12.3047 7.71094L7.00781 2.39062L1.71094 7.71094C1.50781 7.89844 1.27344 7.99219 1.00781 7.99219C0.742188 7.99219 0.507812 7.89844 0.304688 7.71094C0.101562 7.50781 0 7.27344 0 7.00781C0 6.74219 0.101562 6.50781 0.304688 6.30469L6.30469 0.304688C6.41406 0.195312 6.53516 0.117188 6.66797 0.0703125C6.80078 0.0234375 6.91406 0 7.00781 0C7.10156 0 7.21484 0.0234375 7.34766 0.0703125C7.48047 0.117188 7.60156 0.195312 7.71094 0.304688L13.7109 6.30469C13.9141 6.50781 14.0156 6.74219 14.0156 7.00781C14.0156 7.27344 13.9141 7.50781 13.7109 7.71094Z' fill='%23C926F2'/></svg>");
}

/*gift*/
ul.wp-block-list{
    padding: 0;
    max-width: 100%;
    overflow: hidden;
    list-style: none;
}
ul.wp-block-list>li:before{
    border: 2px solid #c926f2;
    position: absolute;
    top: .5em;
    left: 0;
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}
ul.wp-block-list li{
    position: relative;
    padding-left: 2em;
    margin-top: .7em;
    margin-bottom: .7em;
}
.container-grid, .display-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}
select{
    background-color: #26252D;
    color: #fff;
    width: 100%;
    border: 1px solid #26252D;
    border-radius: 8px;
    padding: 12px;
    height: 64px;
}
select:active, select:hover, select:focus {
    background-color: #26252D;
    color: #fff;
    background-image: linear-gradient(#26252D, #26252D),
    linear-gradient(-135deg, transparent 50%, #26252D 50%),
    linear-gradient(-225deg, transparent 50%, #26252D 50%),
    linear-gradient(#26252D 42%, #26252D 42%);
}
.gift-subtitle{
    margin-bottom: 20px;
    font-size: 20px;
}
a.btn-input.gift-popup-row{
    position: relative;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
}
.gift-row{
    display: flex;
    gap: 7px;
    align-items: center;
    flex-direction: row;
}
.gift-row .steam-input-wrapper{
    flex: 4.5;
}
.gift-row .gift-popup-row{
    flex: 1;
}
.game-accordion {
    margin-bottom: 20px;
}
.not-available{
    background-color: #c926f2e3;
    padding: 15px 24px;
    margin-top: 20px;
    text-align: center;
}
/*end gift*/

.promo-alert-danger, .promo-alert-success{
    color: #cf4646;
    font-size: 14px;
    margin-top: 15px;
}
.promo-alert-success{
    color: #FFFFFF;
}
.steam-input[name=promo_code]{
    text-transform: uppercase;
}
.steam-input[name=promo_code]::placeholder {
    text-transform: none;
}
.steam-form-field a.promo-link{
    color: var(--primary-color);
}
.radio-items .radio-item label span .steam-radio-title.stock {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.steam-radio-stock {
    font-size: 13px;
}

#breadcrumbs {
    margin-top: 20px;
}
#modal-refill-pay .uk-modal-title {
    margin: 0 0 15px;
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-size: 20px;
    font-weight: 700;
}
#modal-refill-pay p {
    color: #9aa3b2;
    font-size: 13px;
    line-height: 1.65;
    display: flex;
    justify-content: space-between;
}
#modal-refill-pay p:before {
    width: 0;
    display: none;
}
#modal-refill-pay .modal-region,
#modal-refill-pay .modal-package,
#modal-refill-pay .modal-price, .modal-pay-info p span {
    color: #fff;
    font-weight: 700;
}

#modal-refill-pay .uk-btns {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 22px;
}

#modal-refill-pay .uk-button {
    min-height: 42px;
    border-radius: 10px;
    font-family: Montserrat, sans-serif;
    font-size: 11.5px;
    font-weight: 700;
}
#modal-refill-pay.pum-theme-redisign .uk-modal-dialog {
    width: min(560px, calc(100% - 30px));
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 18px;
    background: #15151b;
    color: #aeb6c4;
    box-shadow: 0 30px 90px rgba(0,0,0,.6);
}
#modal-refill-pay .uk-button-default {
    border-color: rgba(255,255,255,.1);
    background: #1c1c23;
    color: #c4ccda;
}

#modal-refill-pay .uk-button-primary {
    border: 0;
    background: var(--sg-purple);
    color: #fff;
}
#modal-pay.pum-theme-redisign.uk-open, #modal-refill-pay.pum-theme-redisign.uk-open {
    position: fixed;
    inset: 0px;
    z-index: 90;
    background: rgba(6, 6, 9, 0.72);
    backdrop-filter: blur(6px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

#modal-pay.uk-open .uk-modal-body, #modal-refill-pay.uk-open .uk-modal-body{
    top: 5%;
    border-radius: 20px;
    border: 1px solid rgba(201, 38, 242, 0.32);
    background: rgb(20, 18, 26);
    padding: 28px;
    box-shadow: rgba(0, 0, 0, 0.9) 0px 40px 90px -30px;
}
@media (max-width: 760px){
    #modal-pay.uk-open .uk-modal-body, #modal-refill-pay.uk-open .uk-modal-body {
        top: 0;
    }
    #modal-pay .uk-btns, #modal-refill-pay .uk-btns{
        height: 100%;
    }
    #modal-pay p, #modal-refill-pay p {
        justify-content: flex-start;
        flex-direction: column;
    }
}
#modal-refill-pay .uk-button-primary.btn-success{
    flex: 1.4 1 0%;
    min-width: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px;
    border-radius: 12px;
    background: rgb(201, 38, 242);
    color: rgb(255, 255, 255);
    font-weight: 800;
    font-size: 13.5px;
    text-decoration: none;
}

.modal-pay-info {
    margin-top: 20px;
    padding: 18px;
    border-radius: 14px;
    background: rgba(0, 0, 0, 0.28);
    border: 1px solid rgba(255, 255, 255, 0.06);
    display: flex;
    flex-direction: column;
    gap: 11px;
}
.modal-pay-info p {
    margin: 0;
}
#modal-refill-pay .uk-modal-close:hover {
    border-color: rgba(255, 255, 255, 0.3);
}
#modal-refill-pay .uk-modal-close {
    flex: 1 1 0%;
    min-width: 130px;
    padding: 14px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.04);
    color: rgb(233, 236, 242);
    font-weight: 700;
    font-size: 13.5px;
    cursor: pointer;
}
#modal-refill-pay .uk-btns {
    display: flex;
    gap: 10px;
    margin-top: 22px;
    flex-wrap: wrap;
}
#modal-refill-pay .uk-button-primary.btn-success:hover {
    background: rgb(145, 69, 255);
}
#modal-refill-pay .uk-button-primary.btn-success {
    flex: 1.4 1 0%;
    min-width: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px;
    border-radius: 12px;
    background: rgb(201, 38, 242);
    color: rgb(255, 255, 255);
    font-weight: 800;
    font-size: 13.5px;
    text-decoration: none;
}
.promo-referral-hint {
    font-size: 13px;
    margin-top: 15px;
}
#modal-refill-pay .refill-confirm-promo-warning {
    color: #ff6d6d;
    font-size: 12px;
    line-height: 1.5;
}

#modal-refill-pay [hidden] {
    display: none !important;
}