/**
 * Block: CTA Button - Styles
 */

/* Base Styles */
.acf-block {
    position: relative;
}

/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Montserrat:wght@400;500;600;700;800;900&family=Roboto:wght@400;500;700;900&display=swap');

/* Font Family Classes */
.font-inter {
    font-family: 'Inter', sans-serif;
}

.font-montserrat {
    font-family: 'Montserrat', sans-serif;
}

.font-roboto {
    font-family: 'Roboto', sans-serif;
}

/* CTA Button Block */
.cta-button-block {
    padding: 0;
}

/* Alignment */
.cta-button-block.align-left {
    text-align: left;
}

.cta-button-block.align-center {
    text-align: center;
}

.cta-button-block.align-right {
    text-align: right;
}

/* Button base */
.cta-button {
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    box-sizing: border-box;
}

.cta-button i {
    flex-shrink: 0;
}

/* Display type: Inline (inline-flex) — default */
.cta-button-block.btn-inline .cta-button {
    display: inline-flex;
    width: auto;
}

/* Display type: Block (flex) */
.cta-button-block.btn-block .cta-button {
    display: flex;
    width: 100%;
}

/* Display type: Inline Block */
.cta-button-block.btn-inline-block .cta-button {
    display: inline-block;
    width: auto;
}

/* Mobile: only force full-width for block display type */
@media (max-width: 640px) {
    .cta-button-block.btn-block .cta-button {
        width: 100%;
        justify-content: center;
    }
}