/* ==========================================================
   BUTTONS
========================================================== */

.wp-block-button__link {
    padding: .95rem 1.45rem;

    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, .18);

    background: var(--wp--preset--color--primary);
    color: #ffffff !important;

    box-shadow: var(--shadow-button);

    font-size: .95rem;
    font-weight: 700;

    transition:
        transform var(--transition-fast),
        background var(--transition-fast),
        box-shadow var(--transition-fast);
}

.wp-block-button__link:hover {
    background: var(--wp--preset--color--primary-hover);
    transform: translateY(-3px);
    box-shadow: var(--shadow-button-hover);
}

.wp-block-button.is-style-outline .wp-block-button__link {
    background: rgba(255, 255, 255, .16);
    color: #ffffff;

    border: 1px solid rgba(255, 255, 255, .32);

    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    box-shadow: var(--shadow-button-secondary);
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
    background: rgba(255, 255, 255, .24);

    box-shadow: var(--shadow-button-secondary-hover);
}