/* Änderungsprotokoll: 2026-07-07 | cursor-agent | @skill-css-rules | Fulfillment-Vergleich Buttons ohne Verlauf */
/**
 * Widgets Buttons CSS - Fulfillment Vergleich (Amazon-Gelb, pill, flat)
 * Referenz: https://www.fulfillment-vergleich.com/ — ohne linear-gradient
 */

.wiki-button-standard,
.widget-button-standard,
.wiki-cookie-banner-accept-button,
.wiki-search-page-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    border-radius: 999px;
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-sm);
    line-height: var(--line-height-tight);
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
    border: 1px solid var(--color-button-primary-border);
    outline: none;
    text-decoration: none;
    text-transform: none;
    letter-spacing: 0;
    background: var(--color-button-primary-bg);
    color: var(--color-text-on-primary);
    box-shadow: 0 1px 2px rgba(15, 17, 17, 0.18);
}

.wiki-button-standard:hover,
.widget-button-standard:hover,
.wiki-cookie-banner-accept-button:hover,
.wiki-cookie-banner-accept-button:focus-visible,
.wiki-search-page-button:hover,
.wiki-search-page-button:focus-visible {
    background: var(--color-button-primary-hover);
    border-color: var(--color-button-primary-hover-border);
    box-shadow: 0 2px 4px rgba(15, 17, 17, 0.22);
    transform: none;
    outline: none;
}

.wiki-button-standard:active,
.widget-button-standard:active,
.wiki-cookie-banner-accept-button:active,
.wiki-search-page-button:active {
    box-shadow: 0 1px 2px rgba(15, 17, 17, 0.18);
}

.wiki-button-standard:disabled,
.widget-button-standard:disabled,
.wiki-search-page-button:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

.wiki-button-secondary,
.widget-button-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    border-radius: 999px;
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-sm);
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease;
    outline: none;
    text-decoration: none;
    background: var(--color-surface);
    color: var(--color-primary);
    border: 1px solid var(--color-button-secondary-border);
    box-shadow: none;
}

.wiki-button-secondary:hover,
.widget-button-secondary:hover {
    background: var(--color-button-secondary-hover-bg);
    border-color: var(--color-button-secondary-hover-border);
    transform: none;
}

.wiki-button-delete,
.widget-button-delete {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    border-radius: 0;
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-sm);
    cursor: pointer;
    transition: background-color 0.2s ease;
    border: none;
    outline: none;
    text-decoration: none;
    background: var(--color-error);
    color: var(--color-text-inverse);
    box-shadow: none;
}

.wiki-button-delete:hover,
.widget-button-delete:hover {
    background: var(--color-error-hover);
    transform: none;
}

.wiki-button-delete:active,
.widget-button-delete:active {
    box-shadow: none;
}