.btn-dark-wright{
    border-radius: 8px;
    font-weight: 600 !important;
    background: #1D2939;
    border: 1px solid var(--Grey-600, #475467);
    
    color: var(--White, #FFF);
}

.btn-dark-wright:hover{
    background-color: var(--White, #FFF);
    color: var(--Grey-800, #1D2939);
}

@keyframes shine {
    0% {left: -100px}
    20% {left: 100%}
    100% {left: 100%}
}

.btn-outline-wright{
    border-radius: 10px;
    border: 1px solid var(--Grey-600, #475467);
    background: rgba(29, 41, 57, 0.20);
    display: inline-flex;
    padding: var(--space-component-sm) var(--space-layout-sm) var(--space-component-sm) var(--space-layout-md);
    justify-content: center;
    align-items: center;
    gap: var(--space-component-md);
    color: var(--Grey-50, #F9FAFB);
    text-align: center;
    
    font-size: var(--text-body-sm);
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}

.btn-outline-wright:hover{
    background-color: var(--Grey-50, #F9FAFB);
    border-color: rgba(29, 41, 57, 0.20);
}

.btn-light-wright{
    display: flex;
    width: 330.333px;
    height: 50px;
    padding: var(--space-component-md) var(--space-component-lg);
    justify-content: center;
    align-items: center;
    gap: var(--space-3);
    flex-shrink: 0;
    color: var(--Grey-900, #101828);
    text-align: center;
    
    font-size: var(--text-title);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border-radius: 8px;
    background: var(--Grey-100, #F2F4F7);
}

.btn-light:hover {
    background-color: #F9DE7A;
}

.btn-white-wright{
    border-radius: 8px;
    border: 1px solid #fff;
    background: var(--White, #ffffff);
    color: #151414;
    font-feature-settings: 'salt' on, 'liga' off;
    
    font-size: var(--text-body-sm);
    font-style: normal;
    line-height: 24px;
    padding: var(--space-component-md) var(--space-layout-sm);
    font-weight: 600;
}

.btn-grey-wright{
    border-radius: 8px;
    background: var(--Grey-100, #F2F4F7);
    display: inline-flex;
    height: 50px;
    padding: var(--space-component-md) var(--space-component-lg);
    justify-content: center;
    align-items: center;
    gap: var(--space-3);
    flex-shrink: 0;
    color: var(--Grey-900, #101828);
    text-align: center;
    
    font-size: var(--text-body-lg);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.btn-yellow-wright{
    background: linear-gradient(94.03deg, #C3A639 0%, #F9DE7A 52.62%, #C3A639 100%);
    color: var(--Grey-900);
    
    box-shadow: -4px 6px 8px 0px rgba(255, 255, 255, 0.4) inset;

    font-weight: 600;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--Grey-900);

}

.pms-get-started {
    position: relative;
    overflow: hidden;
}

.pms-get-started:before {
        content: '';
        position: absolute;
        width: 100px;
        height: 100%;
        background-image: linear-gradient(
            120deg,
            rgba(255,255,255, 0) 30%,
            rgba(255,255,255, .8),
            rgba(255,255,255, 0) 70%
        );
        top: 0;
        left: -100px;
        animation: shine 3s infinite linear;
    }

.btn-yellow-outline-wright{
    background: linear-gradient(94.03deg, #C3A639 0%, #F9DE7A 52.62%, #C3A639 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-size: var(--text-body-sm);
    font-weight: 400;
    border: 1px solid #F9DE7A;
    border-radius: 4px !important;
    
    padding: 0 24px;
}

.btn-teal-wright{
    background: linear-gradient(180deg, rgb(87, 152, 136) 29%, rgba(229,255,251,1) 50%, rgba(87,152,136,1) 71%);
    color: var(--Grey-900);
    
    box-shadow: -4px 6px 8px 0px rgba(255, 255, 255, 0.4) inset;
    font-weight: 600;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--Grey-900);
}

.btn-teal-outline-wright{
    background: linear-gradient(180deg, rgba(87,152,136,1) 29%, rgba(229,255,251,1) 50%, rgba(87,152,136,1) 71%);
    -webkit-background-clip: text;
    background-clip: text;
    color: var(--Grey-300) !important;
    font-size: var(--text-body-sm);
    font-weight: 400;
    border: 1px solid #579888;
    border-radius: 4px !important;
    
    padding: 0 24px;
}

.btn-purple-wright{
    background: linear-gradient(90deg, #D57BC8, #693A64);
    color: white;
    
    box-shadow: -4px 6px 8px 0px rgba(255, 255, 255, 0.4) inset;
    font-weight: 600;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-cyan,
.btn-purple,
.btn-cancel,
.btn-pink,
.btn-white,
.btn-dark,
.btn-outline-light,
.btn-grey {
    border-radius: 6px;
    font-size: var(--text-body-lg);
    
    font-weight: 600 !important;
}

.btn-dark {
    background-color: #000000;
    color: white;
}

.btn-pink {
    background-color: #eeaeec;
}

.btn-pink:hover {
    border: 1px solid #eeaeec;
    border-radius: 6px;
}

.btn-pink:hover,
.btn-purple:hover {
    background-color: #fff !important;
    color: #000 !important;
    background: #fff !important;
}

.btn-purple {
    background-color: var(--text-link-purple, #5B3FB8);
}

.btn-purple:hover {
    border: 1px solid var(--purple-dark, #C0B1F8);
}

.btn-cyan {
    background-color: #d0f3d3;
}

.btn-cancel {
    background-color: #fff !important;
    border: 1px solid var(--yellow_dark, #B0B992);
    color: var(--text-muted-strong, #344054);
}

.btn-cancel:hover {
    background-color: var(--yellow_dark, #B0B992) !important;
    border: 1px solid var(--yellow_dark, #B0B992);
    color: #000;
}

.btn-outline-light {
    color: var(--btn-outline-light, #f8f9fa);
    border-color: var(--btn-outline-light, #f8f9fa);
}

.btn-grey {
    color: black !important;
    background: #f8f8f8;
}

.btn-white {
    border-radius: 5px;
    font-size: var(--text-body-lg);
    font-weight: 600;
    
    text-align: center;
    background-color: #fff;
    color: #1e1e1e;
}

.btn-white:hover {
    color: #fff !important;
    background-color: #1e1e1e !important;
}

.btn-dark:hover {
    color: #000 !important;
    background-color: #fff !important;
}

.feature_news .btn-dark {
    background-color: #1e1e1e;
    color: #fff;
}

.btn-pink-outline-wright {
    background: transparent;
    border: 1px solid #FF9BD3;
    color: #FF9BD3;
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
    
    font-weight: 600;
}

.btn-pink-outline-wright:hover {
    background: #FF9BD3;
    color: #fff;
    background-color: #FF9BD3;
}

.btn-purple-outline-wright {
    background: transparent;
    border: 1px solid #C3A6FF;
    color: #C3A6FF;
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
    
    font-weight: 600;
}

.btn-purple-outline-wright:hover {
    background: #C3A6FF;
    color: #fff;
    background-color: #C3A6FF;
}

.btn-green-outline-wright {
    background: transparent;
    border: 1px solid #96DDCC;
    color: var(--text-on-dark-accent, #96DDCC);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
    
    font-weight: 600;
}

.btn-green-outline-wright:hover {
    background: #96DDCC;
    color: #fff;
    background-color: var(--text-on-dark-accent, #96DDCC);
}

.btn-border-wright {
    border: 1px solid var(--Grey-300);
    padding: 0 20px;
    
    color: var(--Grey-800);
    border-radius: 8px !important;
    font-weight: 500;
    font-size: var(--text-body-sm);
    background-color: white;
}

.btn-border-wright .arrow-down {
    filter: invert(1);
    width: 18px;
}

@media screen and (max-width: 1368px) {
    .btn-border-wright {
        font-size: var(--text-caption);
    }
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    background: #ffffffcc;
}

.grecaptcha-badge {
    bottom: 160px !important;
    z-index: 100;
}