.btn {
    display: inline-block;
    width: 100%;
    border-radius: 100px;
    font-family: "outfit", sans-serif;
    font-weight: 600;
    text-align: center;
    padding: 14px 0;
    transition: all 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);

    display: flex;
    align-items: center;
    justify-content: center;
}
.btn:hover {
    scale: 1.06;
}
.btn::after {
    content: none;
}
.btn__border {
    padding: 12px 0 !important;
    color: var(--btnC) !important;
    background-color: transparent;
    border: 2px solid var(--lightGray40);
}
.btn__stroke {
    color: var(--darkGray10) !important;
    background-color: transparent;
    border: 2px solid #d90647;
}

.btn__fill {
    background-color: #d90647;
    color: var(--lightGray95) !important;
}
.btn__white {
    background-color: var(--m7C);
    color: var(--m2C);
}
.btn__light {
    background-color: var(--orangeLight);
    color: var(--orange) !important;
}
.btn_text {
    background-color: transparent;
    display: inline-block;
    vertical-align: middle;
    color: var(--purple) !important;
    width: max-content !important;
}
.btn_text > span {
    display: inline-block;
    vertical-align: middle;
    transform: translateY(1px);
    margin-left: 8px;
}
.btn__gray {
    background-color: var(--innerBg);
}
.btn__blueDark {
    background-color: var(--darkBlue30);
}
.btn__black50 {
    background-color: var(--innerBlackLighterBg);
}
.learnBtn {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
    gap: 8px;
    color: white !important;
}
.learnBtn img {
    scale: -1 1;
    height: 50%;
    transform: translateY(10%);
}
.btn__link {
    color: #d90647 !important;
    font-weight: 600;
    font-family: "outfit", sans-serif;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 12px;
}
.btn__link * {
    transform: translateY(1.5%);
    object-fit: contain;
    max-width: 10px;
}

@media (max-width: 768px) {
    .btn {
        /* padding: 3vw 0 !important; */
    }
    .btn__wrapper {
        /* padding: 2vw 0 !important; */
    }
    .btn__fill {
        /* padding: 2vw 0 !important; */
    }
    .btn__light {
        color: var(--textBtn) !important;
    }
}