.btn {
    width: 100%;
    border: none;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.btn:disabled {
    opacity: 0.6;
    cursor: default;
}

.btn-primary {
    height: 52px;
    border-radius: var(--radius-s);
    background: var(--color-btn-bg);
    color: var(--color-btn-text);
    font-size: var(--font-16);
    font-weight: 700;
}

.btn-primary:hover {
    opacity: 0.88;
}

.btn-primary:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(44, 46, 53, 0.15);
}

.btn-primary:active {
    transform: translateY(1px);
}

.btn-sub {
    height: 52px;
    border-radius: var(--radius-s);
    background: var(--color-sub-btn-bg);
    border: 1px solid var(--color-sub-btn-border);
    color: var(--color-sub-btn-text);
    font-size: var(--font-16);
    font-weight: 600;
}

.btn-sub:hover {
    background: var(--color-bg);
}