.btn {
    display: inline-flex;
    min-height: 3.25rem;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    border: 0;
    border-radius: 0.875rem;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
    text-decoration: none;
    transition:
        transform var(--motion-fast) var(--ease-standard),
        box-shadow var(--motion-fast) var(--ease-standard),
        background-color var(--motion-fast) var(--ease-standard),
        border-color var(--motion-fast) var(--ease-standard),
        color var(--motion-fast) var(--ease-standard);
}

.btn:hover:not(:disabled) {
    transform: translateY(-1px);
}

.btn:active:not(:disabled) {
    transform: scale(var(--scale-press));
}

.btn:focus-visible {
    outline: 3px solid rgba(var(--color-primary-rgb), 0.24);
    outline-offset: 3px;
}

.btn:disabled {
    cursor: not-allowed;
    opacity: 0.55;
}

.enlace-con-flecha svg,
.enlace-con-flecha .material-symbols-outlined {
    transition: transform var(--motion-fast) var(--ease-standard);
}

.enlace-con-flecha:hover svg,
.enlace-con-flecha:hover .material-symbols-outlined {
    transform: translateX(4px);
}