/*
 * Button arrow. Set from the button sidebar: Arrow → position and color.
 * Classes: dmp-btn-arrow-left | dmp-btn-arrow-right, plus dmp-btn-arrow-color-{palette slug}.
 * No color class: the arrow matches the button text.
 */

.wp-block-button.dmp-btn-arrow-left .wp-block-button__link,
.wp-block-button.dmp-btn-arrow-right .wp-block-button__link {
    display: inline-flex;
    align-items: center;
    gap: 0.65em;
}

.wp-block-button.dmp-btn-arrow-left .wp-block-button__link::before,
.wp-block-button.dmp-btn-arrow-right .wp-block-button__link::after {
    content: "\f061";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    font-style: normal;
    font-size: 0.9em;
    line-height: 1;
    color: var(--dmp-btn-arrow-color, currentColor);
    speak: never;
    -webkit-font-smoothing: antialiased;
}

.wp-block-button.dmp-btn-arrow-color-primary { --dmp-btn-arrow-color: var(--wp--preset--color--primary); }
.wp-block-button.dmp-btn-arrow-color-secondary { --dmp-btn-arrow-color: var(--wp--preset--color--secondary); }
.wp-block-button.dmp-btn-arrow-color-deep-navy { --dmp-btn-arrow-color: var(--wp--preset--color--deep-navy); }
.wp-block-button.dmp-btn-arrow-color-royal-blue { --dmp-btn-arrow-color: var(--wp--preset--color--royal-blue); }
.wp-block-button.dmp-btn-arrow-color-blue { --dmp-btn-arrow-color: var(--wp--preset--color--blue); }
.wp-block-button.dmp-btn-arrow-color-sky-blue { --dmp-btn-arrow-color: var(--wp--preset--color--sky-blue); }
.wp-block-button.dmp-btn-arrow-color-lavender-blue { --dmp-btn-arrow-color: var(--wp--preset--color--lavender-blue); }
.wp-block-button.dmp-btn-arrow-color-purple { --dmp-btn-arrow-color: var(--wp--preset--color--purple); }
.wp-block-button.dmp-btn-arrow-color-violet { --dmp-btn-arrow-color: var(--wp--preset--color--violet); }
.wp-block-button.dmp-btn-arrow-color-magenta { --dmp-btn-arrow-color: var(--wp--preset--color--magenta); }
.wp-block-button.dmp-btn-arrow-color-pink { --dmp-btn-arrow-color: var(--wp--preset--color--pink); }
.wp-block-button.dmp-btn-arrow-color-soft-pink { --dmp-btn-arrow-color: var(--wp--preset--color--soft-pink); }
.wp-block-button.dmp-btn-arrow-color-light { --dmp-btn-arrow-color: var(--wp--preset--color--light); }
.wp-block-button.dmp-btn-arrow-color-black { --dmp-btn-arrow-color: var(--wp--preset--color--black); }
.wp-block-button.dmp-btn-arrow-color-white { --dmp-btn-arrow-color: var(--wp--preset--color--white); }