/* ==========================================================================
   YEKETO SHARED COMPONENTS
   ========================================================================== */

.yeketo-site .yeketo-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    min-height: 3rem;
    padding: 0.75rem 1.25rem;
    border: 1px solid transparent;
    border-radius: var(--yeketo-radius-md);
    font-family: inherit;
    font-size: var(--yeketo-font-size-base);
    font-weight: 700;
    line-height: 1.5;
    text-decoration: none;
    cursor: pointer;
    transition: transform var(--yeketo-transition), color var(--yeketo-transition), background-color var(--yeketo-transition), border-color var(--yeketo-transition), box-shadow var(--yeketo-transition);
}

.yeketo-site .yeketo-button--primary {
    background: var(--yeketo-color-primary);
    color: #fff;
    box-shadow: var(--yeketo-shadow-md);
}

.yeketo-site .yeketo-button--primary:hover,
.yeketo-site .yeketo-button--primary:focus-visible {
    background: var(--yeketo-color-primary-hover);
    color: #fff;
    transform: translateY(-2px);
    box-shadow: var(--yeketo-shadow-lg);
}

.yeketo-site .yeketo-button:focus-visible {
    outline: 3px solid var(--yeketo-color-primary-light);
    outline-offset: 2px;
}