.solo_button_row {
    display: flex;
    margin-top: 16px;
    justify-content: center;
}

.btn_primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    height: 46px;
    padding: 0 var(--fs_body_desktop);
    border-radius: 14px;

    background: rgba(0, 255, 225, 0.1);
    border: 1px solid rgba(0, 255, 225, 0.32);

    color: var(--main_color);
    text-decoration: none;
    font-weight: 700;
    letter-spacing: 0.04em;

    transition: transform .15s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.btn_primary:hover {
    background: rgba(0, 255, 225, 0.16);
    border-color: rgba(0, 255, 225, 0.45);
}

.btn_primary:active {
    transform: translateY(0);
}

.btn_primary:focus-visible {
    outline: 2px solid var(--main_color);
    outline-offset: 3px;
}

@media (max-width: 768px) {
    .btn_primary {
        width: 100%;
        height: 50px;
        border-radius: 16px;
        font-size: 16px;
    }
}
