/* Buttons */

.buttons {
    display: flex;
    flex-flow: row wrap;
    gap: 2.4rem;
}

.button:not(.wp-core-ui *) {
    display: inline-flex;
    align-items: center !important;
    gap: 0.8rem;
    cursor: pointer;
    border-radius: 0;
    border: 1px solid var(--blue);
    background-color: var(--blue);
    color: var(--white);
    font-family: var(--font-2);
    font-size: 1.8rem;
    line-height: 1.48;
    font-weight: 500;
    text-transform: none;
    text-decoration: none !important;
    margin: 0;
    padding: 0 1.6rem;
    text-align: center;
    height: 4.8rem;
}

.button:not(.wp-core-ui *):hover {
    background-color: var(--blue-dark);
    border: 1px solid var(--blue-dark);
    color: var(--white);
    text-decoration: none !important;
}

.button.hp-custom {
    gap: 0.8rem;
}

.button i::before,
.button.hp-custom::before {
    color: var(--white);
}

.button.blue i::before,
.button.blue.hp-custom::before {
    color: var(--white);
}

.button.is-style-outline,
.button.white {
    background-color: var(--white);
    border: 1px solid var(--white);
    color: var(--blue);
}

.button.is-style-outline:hover,
.button.white:hover {
    background-color: var(--white);
    border: 1px solid var(--blue);
    color: var(--blue);
}

.button.is-style-outline i::before,
.button.white i::before,
.button.is-style-outline.hp-custom::before,
.button.white.hp-custom::before {
    color: var(--blue);
}

.button.yellow {
    background-color: var(--yellow);
    border: 1px solid var(--yellow);
    color: var(--blue);
}

.button.yellow i::before,
.button.yellow.hp-custom::before {
    color: var(--blue);
}

.button.yellow:hover {
    background-color: var(--yellow);
    border: 1px solid var(--blue);
    color: var(--blue);
}

.button.purple-light {
    background-color: var(--purple-light);
    border: 1px solid var(--purple-light);
    color: var(--blue);
}

.button.purple-light i::before,
.button.purple-light.hp-custom::before {
    color: var(--blue);
}

.button.purple-light:hover {
    background-color: var(--purple-light);
    border: 1px solid var(--blue);
    color: var(--blue);
}

.button:hover span.in-icon {
    text-decoration: none !important;
}

.button .in-icon {
    font-weight: 500;
}

.size-small {
    height: 4rem;
}

button:not(.wp-core-ui *),
input[type='submit']:not(.wp-core-ui *) {
    display: inline-flex;
    align-items: center !important;
    cursor: pointer;
    border-radius: 0;
    border: 1px solid var(--blue);
    background-color: var(--blue);
    color: var(--white);
    font-family: var(--font-2);
    font-size: 1.8rem;
    line-height: 1.48;
    font-weight: 500;
    text-transform: none;
    text-decoration: none !important;
    margin: 0;
    padding: 0 1.6rem;
    text-align: center;
    height: 4.8rem;
}

button span.in-icon,
input[type='submit'] span.in-icon {
    text-decoration: none !important;
    font-weight: 500;
}

button:not(.wp-core-ui *):hover,
input[type='submit']:not(.wp-core-ui *):hover {
    background-color: var(--blue-dark);
    border: 1px solid var(--blue-dark);
    color: var(--white);
    text-decoration: none !important;
}

button:hover span.in-icon,
input[type='submit']:hover span.in-icon {
    text-decoration: none !important;
}

/* WP Buttons */

.wp-block-buttons {
    gap: 2.4rem;
    margin: 4rem 0;
}

.wp-block-buttons.is-vertical {
    flex-direction: column;
    align-items: flex-start;
}

.wp-block-button__link {
    display: inline-flex;
    align-items: center !important;
    cursor: pointer;
    border-radius: 0;
    border: 1px solid var(--blue);
    background-color: var(--blue);
    color: var(--white);
    font-family: var(--font-2);
    font-size: 1.8rem;
    line-height: 1.48;
    font-weight: 500;
    text-transform: none;
    text-decoration: none !important;
    margin: 0;
    padding: 0 1.6rem !important;
    text-align: center;
    height: 4.8rem;
}

.wp-block-button__link.hp-custom {
    gap: 0.8rem;
}

.wp-block-button__link span.in-icon {
    font-weight: 500;
}

.wp-block-button__link.hp-custom::before {
    color: var(--white);
}

.wp-block-button__link:hover {
    background-color: var(--blue-dark);
    border: 1px solid var(--blue-dark);
    color: var(--white);
    text-decoration: none !important;
}

.wp-block-button__link:hover span.in-icon {
    text-decoration: none !important;
}

.wp-block-button__link.yellow {
    background-color: var(--yellow);
    border: 1px solid var(--yellow);
    color: var(--blue);
}

.wp-block-button__link.yellow.hp-custom::before {
    color: var(--blue);
}

.wp-block-button__link.yellow:hover {
    background-color: var(--yellow);
    border: 1px solid var(--blue);
    color: var(--blue);
}

.wp-block-button__link.is-style-outline {
    background-color: var(--white);
    border: 1px solid var(--white);
    color: var(--blue);
}

.wp-block-button__link.is-style-outline.hp-custom::before {
    color: var(--blue);
}

.wp-block-button__link.is-style-outline:hover {
    background-color: var(--white);
    border: 1px solid var(--blue);
    color: var(--blue);
}

.wp-block-buttons.has-bg .wp-block-button__link.is-style-outline {
    background-color: var(--purple-light);
    border: 1px solid var(--purple-light);
}

.wp-block-buttons.has-bg .wp-block-button__link.is-style-outline:hover {
    background-color: var(--purple-light);
    border: 1px solid var(--purple);
}

.wp-block-button__link.arrow-right::after {
    content: '';
    display: inline-block;
    width: 1.2rem;
    height: 1.6rem;
    background-repeat: no-repeat;
    background-size: 0.8rem;
    background-position: center;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDggMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik03LjcwODU5IDYuMjkzNjVDOC4wOTkyMiA2LjY4NDI4IDguMDk5MjIgNy4zMTg2NSA3LjcwODU5IDcuNzA5MjhMMS43MDg1OSAxMy43MDkzQzEuMzE3OTcgMTQuMDk5OSAwLjY4MzU5NCAxNC4wOTk5IDAuMjkyOTY5IDEzLjcwOTNDLTAuMDk3NjU2MiAxMy4zMTg3IC0wLjA5NzY1NjIgMTIuNjg0MyAwLjI5Mjk2OSAxMi4yOTM3TDUuNTg2NzIgNi45OTk5TDAuMjk2MDk0IDEuNzA2MTVDLTAuMDk0NTMxMyAxLjMxNTUzIC0wLjA5NDUzMTMgMC42ODExNTIgMC4yOTYwOTQgMC4yOTA1MjdDMC42ODY3MTkgLTAuMTAwMDk4IDEuMzIxMDkgLTAuMTAwMDk4IDEuNzExNzIgMC4yOTA1MjdMNy43MTE3MiA2LjI5MDUzTDcuNzA4NTkgNi4yOTM2NVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=');
}

.wp-block-button__link.arrow-right:not(:has(.in-icon))::after {
    margin-left: 0.8rem;
}

.wp-block-button__link.white {
    background-color: var(--white);
    border: 1px solid var(--white);
    color: var(--blue);
}

.wp-block-button__link.white:hover {
    background-color: var(--white);
    border: 1px solid var(--blue);
    color: var(--blue);
}

.wp-block-button__link.yellow {
    background-color: var(--yellow);
    border: 1px solid var(--yellow);
    color: var(--blue);
}

.wp-block-button__link.yellow:hover {
    background-color: var(--yellow);
    border: 1px solid var(--blue);
    color: var(--blue);
}

.wp-block-button__link.purple-light {
    background-color: var(--purple-light);
    border: 1px solid var(--purple-light);
    color: var(--blue);
}

.wp-block-button__link.purple-light:hover {
    background-color: var(--purple-light);
    border: 1px solid var(--blue);
    color: var(--blue);
}

.wp-block-button__link.blue i::before {
    color: var(--white);
}

.wp-block-file__button {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    border-radius: 0;
    border: 1px solid var(--yellow);
    background-color: var(--yellow);
    color: var(--blue) !important;
    font-family: var(--font-2);
    font-size: 1.8rem;
    line-height: 1.48;
    font-weight: 500;
    text-transform: none;
    text-decoration: none !important;
    margin: 0 !important;
    padding: 0 1.6rem;
    text-align: center;
    height: 4rem;
}

.wp-block-file__button:hover {
    background-color: var(--yellow);
    border: 1px solid var(--yellow);
    color: var(--blue) !important;
    text-decoration: none !important;
}

/* Ajax Load More */

.alm-btn-wrap:has(.done) {
    display: none;
}

/* RESPONSIVE */

@media (max-width: 990px) {
    .wp-block-buttons {
        margin: 2.4rem 0;
    }
}

@media (max-width: 750px) {
}
