/* CoreCMS Advanced Button, intentionally light-touch so the public theme remains primary. */
.cc-advanced-button-wrap {
    max-width: 100%;
}

.cc-advanced-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .55em;
    max-width: 100%;
    box-sizing: border-box;
    text-decoration: none;
}

.cc-advanced-button.is-full-width {
    display: flex;
    width: 100%;
}

.cc-advanced-button__icon {
    flex: 0 0 auto;
    line-height: 1;
}

.cc-advanced-button.has-hover-background:hover,
.cc-advanced-button.has-hover-background:focus {
    background-color: var(--cc-button-hover-bg) !important;
}

.cc-advanced-button.has-hover-colour:hover,
.cc-advanced-button.has-hover-colour:focus {
    color: var(--cc-button-hover-color) !important;
}

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

    .cc-advanced-button.is-full-width {
        width: 100%;
    }
}