.ui-btn {
    border-radius: 57px;
    padding: 12px 20px;
    min-height: 55px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 18px;
    line-height: 1;
    border: 1px solid transparent;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.ui-btn--primary {
    width: 100%;
    border-color: #1e17e0;
    background: linear-gradient(90.64deg, #0b1fa1 1.52%, #1e17e0 98.31%);
    color: #ffffff;
}

.ui-btn--primary svg path {
    stroke: #ffffff;
    transition: stroke 0.2s ease;
}

@media (hover: hover) {
    .ui-btn--primary:hover {
        background: transparent;
        color: #1e17e0;
    }

    .ui-btn--primary:hover svg path {
        stroke: #1e17e0;
    }
}