.plab-button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-height: 46px;
    padding: 0.72rem 1.1rem;
    border: 1px solid transparent;
    border-radius: var(--plab-radius-button);
    font-size: 0.94rem;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    transition:
    background-color var(--plab-motion-short) ease,
    border-color var(--plab-motion-short) ease,
    color var(--plab-motion-short) ease;
}

.plab-button--primary {
    background: var(--plab-color-accent-draft);
    color: var(--plab-color-accent-contrast);
}

.plab-button--primary:hover {
    background: color-mix(
    in srgb,
    var(--plab-color-accent-draft) 82%,
    var(--plab-color-text)
    );
    color: var(--plab-color-accent-contrast);
}

.plab-button--secondary {
    border-color: var(--plab-color-border);
    background: transparent;
    color: var(--plab-color-surface);
}

.plab-button--secondary:hover {
    border-color: var(--plab-color-surface);
    background: var(--plab-color-surface);
    color: var(--plab-color-text);
}

.plab-button--ghost {
    border-color: var(--plab-color-border);
    background: transparent;
    color: var(--plab-color-text);
}

.plab-button--ghost:hover {
    background: var(--plab-color-surface-elevated);
}

.plab-section-heading {
    max-width: 760px;
    margin-block-end: clamp(2rem, 5vw, 3.5rem);
}

.plab-section-heading--center {
    margin-inline: auto;
    text-align: center;
}

.plab-section-heading__text {
    color: var(--plab-color-text-muted);
    font-size: var(--wp--preset--font-size--lead);
}

.plab-eyebrow {
    margin-block-end: var(--plab-space-3);
    color: var(--plab-color-accent-draft);
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
}

@media (max-width: 639px) {
    .plab-button {
        width: 100%;
    }

    .plab-site-header .plab-button {
        width: auto;
    }

}