.btn {
    width: 100%;
    border: none;
    cursor: pointer;
    transition: background-color 0.2s ease, opacity 0.2s ease, box-shadow 0.2s ease;
}

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

.btn-primary {
    height: 58px;
    border-radius: var(--radius-m);
    background: var(--color-primary);
    color: var(--color-white);
    font-size: var(--font-16);
    font-weight: 600;
}

.btn-primary:hover {
    background: var(--color-primary-dark);
}

.btn-primary:focus {
    outline: none;
    box-shadow: 0 0 0 4px rgba(112, 210, 179, 0.18);
}

.btn-primary:active {
    background: var(--color-primary-dark);
    transform: translateY(1px);
}