a.og_btn,
button.og_btn,
input.og_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 12px 16px;
    min-height: 44px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 1.25;
    transition: background-color .15s ease, color .15s ease, box-shadow .15s ease;
}

a.og_btn svg,
button.og_btn svg,
input.og_btn svg,
a.og_btn .fa,
button.og_btn .fa,
input.og_btn .fa {
    margin-left: 0;
}

a.og_btn:focus-visible,
button.og_btn:focus-visible,
input.og_btn:focus-visible {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
    box-shadow: 0 0 0 4px rgba(15, 166, 171, .2);
}

a.og_btn.white,
button.og_btn.white,
input.og_btn.white {
    background: #fff !important;
    color: var(--primary-color);
    border: 1px solid rgba(15, 166, 171, .25);
}

a.og_btn.white:hover,
button.og_btn.white:hover,
input.og_btn.white:hover {
    background: #ecfeff !important;
}

a.og_btn.bir,
button.og_btn.bir,
input.og_btn.bir {
    background: var(--primary-color) !important;
    color: #fff;
    border: 1px solid var(--primary-color);
}

a.og_btn.bir:hover,
button.og_btn.bir:hover,
input.og_btn.bir:hover {
    background: #59ccd0 !important;
}

@media (max-width: 600px) {
    a.og_btn,
    button.og_btn,
    input.og_btn {
        padding: 10px 14px;
    }
}