/* Remove icons used with ::marker pseudo-elements */
.custom_symbol_arrow_button_right::marker,
.custom_symbol_arrow_button_left::marker,
.custom_symbol_arrow_button_up::marker,
.custom_symbol_arrow_button_down::marker,
.custom_symbol_arrow_button_star::marker,
.custom_symbol_arrow_button_check::marker,
.custom_symbol_arrow_button_circle::marker,
.custom_symbol_arrow_button_triangle::marker,
.custom_symbol_arrow_button_square::marker,
.custom_symbol_arrow_button_heart::marker,
.custom_symbol_arrow_button_plus::marker,
.custom_symbol_arrow_button_minus::marker,
.custom_symbol_arrow_button_sun::marker,
.custom_symbol_arrow_button_moon::marker,
.custom_symbol_arrow_button_star-outline::marker,
.custom_symbol_arrow_button_smiley::marker,
.custom_symbol_arrow_button_frown::marker,
.custom_symbol_arrow_button_music::marker,
.custom_symbol_arrow_button_spade::marker,
.custom_symbol_arrow_button_club::marker,
.custom_symbol_arrow_button_diamond::marker,
.custom_symbol_arrow_button_hand-up::marker,
.custom_symbol_arrow_button_hand-down::marker,
.custom_symbol_arrow_button_hand-left::marker,
.custom_symbol_arrow_button_hand-right::marker,
.custom_symbol_arrow_button_telephone::marker,
.custom_symbol_arrow_button_envelope::marker,
.custom_symbol_arrow_button_pencil::marker,
.custom_symbol_arrow_button_scissors::marker,
.custom_symbol_arrow_button_book::marker,
.custom_symbol_arrow_button_bell::marker,
.custom_symbol_arrow_button_trophy::marker,
.custom_symbol_arrow_button_globe::marker,
.custom_symbol_arrow_button_bulb::marker,
.custom_symbol_arrow_button_thumbsup::marker,
.custom_symbol_arrow_button_thumbsdown::marker,
.custom_symbol_arrow_button_warning::marker,
.custom_symbol_arrow_button_anchor::marker,
.custom_symbol_arrow_button_hammer::marker,
.custom_symbol_arrow_button_wrench::marker,
.custom_symbol_arrow_button_hourglass::marker,
.custom_symbol_arrow_button_lock::marker,
.custom_symbol_arrow_button_unlock::marker,
.custom_symbol_arrow_button_key::marker,
.custom_symbol_arrow_button_magnifying::marker,
.custom_symbol_arrow_button_camera::marker {
     content: none;
}


/* Base style for all icon buttons */
.custom_symbol_arrow_button_right,
.custom_symbol_arrow_button_left,
.custom_symbol_arrow_button_up,
.custom_symbol_arrow_button_down,
.custom_symbol_arrow_button_star,
.custom_symbol_arrow_button_check,
.custom_symbol_arrow_button_circle,
.custom_symbol_arrow_button_triangle,
.custom_symbol_arrow_button_square,
.custom_symbol_arrow_button_heart,
.custom_symbol_arrow_button_plus,
.custom_symbol_arrow_button_minus,
.custom_symbol_arrow_button_sun,
.custom_symbol_arrow_button_moon,
.custom_symbol_arrow_button_star-outline,
.custom_symbol_arrow_button_smiley,
.custom_symbol_arrow_button_frown,
.custom_symbol_arrow_button_music,
.custom_symbol_arrow_button_spade,
.custom_symbol_arrow_button_club,
.custom_symbol_arrow_button_diamond,
.custom_symbol_arrow_button_hand-up,
.custom_symbol_arrow_button_hand-down,
.custom_symbol_arrow_button_hand-left,
.custom_symbol_arrow_button_hand-right,
.custom_symbol_arrow_button_telephone,
.custom_symbol_arrow_button_envelope,
.custom_symbol_arrow_button_pencil,
.custom_symbol_arrow_button_scissors,
.custom_symbol_arrow_button_book,
.custom_symbol_arrow_button_bell,
.custom_symbol_arrow_button_trophy,
.custom_symbol_arrow_button_globe,
.custom_symbol_arrow_button_bulb,
.custom_symbol_arrow_button_thumbsup,
.custom_symbol_arrow_button_thumbsdown,
.custom_symbol_arrow_button_warning,
.custom_symbol_arrow_button_anchor,
.custom_symbol_arrow_button_hammer,
.custom_symbol_arrow_button_wrench,
.custom_symbol_arrow_button_hourglass,
.custom_symbol_arrow_button_lock,
.custom_symbol_arrow_button_unlock,
.custom_symbol_arrow_button_key,
.custom_symbol_arrow_button_magnifying,
.custom_symbol_arrow_button_camera {
    font-weight: bold;       /* Make icons bold */
    color: #000;             /* Set common color (black) */
    font-size: auto;         /* Use auto font size */
    margin-right: 5px;      /* Maintain spacing */
}  



  /* Right arrow */
.custom_symbol_arrow_button_right::before {
    content: '\279C'; /* Heavy right arrow */
    margin-right: 5px;
    font-size: auto;
    color: inherit;
}

/* Left arrow */
.custom_symbol_arrow_button_left::before {
    content: '\279D'; /* Heavy left arrow */
    margin-right: 5px;
    font-size: auto;
    color: inherit;
}

/* Up arrow */
.custom_symbol_arrow_button_up::before {
    content: '\279E'; /* Heavy up arrow */
    margin-right: 5px;
    font-size: auto;
    color: inherit;
}

/* Down arrow */
.custom_symbol_arrow_button_down::before {
    content: '\279F'; /* Heavy down arrow */
    margin-right: 5px;
    font-size: auto;
    color: inherit;
}

/* Star */
.custom_symbol_arrow_button_star::before {
    content: '\2605'; /* Black star */
    margin-right: 5px;
    font-size: auto;
    color: inherit;
}

/* Check mark */
.custom_symbol_arrow_button_check::before {
    content: '\2713'; /* Check mark */
    margin-right: 5px;
    font-size: auto;
    color: inherit;
}

/* Circle */
.custom_symbol_arrow_button_circle::before {
    content: '\25CF'; /* Black circle */
    margin-right: 5px;
    font-size: auto;
    color: inherit;
}

/* Triangle */
.custom_symbol_arrow_button_triangle::before {
    content: '\25B2'; /* Black up-pointing triangle */
    margin-right: 5px;
    font-size: auto;
    color: inherit;
}

/* Square */
.custom_symbol_arrow_button_square::before {
    content: '\25A0'; /* Black square */
    margin-right: 5px;
    font-size: auto;
    color: inherit;
}

/* Heart */
.custom_symbol_arrow_button_heart::before {
    content: '\2665'; /* Black heart suit */
    margin-right: 5px;
    font-size: auto;
    color: inherit;
}

/* Plus */
.custom_symbol_arrow_button_plus::before {
    content: '\2795'; /* Heavy plus sign */
    margin-right: 5px;
    font-size: auto;
    color: inherit;
}

/* Minus */
.custom_symbol_arrow_button_minus::before {
    content: '\2796'; /* Heavy minus sign */
    margin-right: 5px;
    font-size: auto;
    color: inherit;
}

/* Sun */
.custom_symbol_arrow_button_sun::before {
    content: '\2600'; /* Black sun with rays */
    margin-right: 5px;
    font-size: auto;
    color: inherit;
}

/* Moon */
.custom_symbol_arrow_button_moon::before {
    content: '\263D'; /* First quarter moon */
    margin-right: 5px;
    font-size: auto;
    color: inherit;
}

/* Star outline */
.custom_symbol_arrow_button_star-outline::before {
    content: '\2606'; /* White star */
    margin-right: 5px;
    font-size: auto;
    color: inherit;
}

/* Smiley face */
.custom_symbol_arrow_button_smiley::before {
    content: '\263A'; /* White smiling face */
    margin-right: 5px;
    font-size: auto;
    color: inherit;
}

/* Frown face */
.custom_symbol_arrow_button_frown::before {
    content: '\2639'; /* White frowning face */
    margin-right: 5px;
    font-size: auto;
    color: inherit;
}

/* Music note */
.custom_symbol_arrow_button_music::before {
    content: '\266B'; /* Beamed eighth notes */
    margin-right: 5px;
    font-size: auto;
    color: inherit;
}

/* Spade */
.custom_symbol_arrow_button_spade::before {
    content: '\2660'; /* Black spade suit */
    margin-right: 5px;
    font-size: auto;
    color: inherit;
}

/* Club */
.custom_symbol_arrow_button_club::before {
    content: '\2663'; /* Black club suit */
    margin-right: 5px;
    font-size: auto;
    color: inherit;
}

/* Diamond */
.custom_symbol_arrow_button_diamond::before {
    content: '\2666'; /* Black diamond suit */
    margin-right: 5px;
    font-size: auto;
    color: inherit;
}

/* Hand pointing up */
.custom_symbol_arrow_button_hand-up::before {
    content: '\261D'; /* White up pointing index */
    margin-right: 5px;
    font-size: auto;
    color: inherit;
}

/* Hand pointing down */
.custom_symbol_arrow_button_hand-down::before {
    content: '\261F'; /* White down pointing index */
    margin-right: 5px;
    font-size: auto;
    color: inherit;
}

/* Hand pointing left */
.custom_symbol_arrow_button_hand-left::before {
    content: '\261C'; /* White left pointing index */
    margin-right: 5px;
    font-size: auto;
    color: inherit;
}

/* Hand pointing right */
.custom_symbol_arrow_button_hand-right::before {
    content: '\261E'; /* White right pointing index */
    margin-right: 5px;
    font-size: auto;
    color: inherit;
}

/* Telephone */
.custom_symbol_arrow_button_telephone::before {
    content: '\260E'; /* Black telephone */
    margin-right: 5px;
    font-size: auto;
    color: inherit;
}

/* Envelope */
.custom_symbol_arrow_button_envelope::before {
    content: '\2709'; /* Envelope */
    margin-right: 5px;
    font-size: auto;
    color: inherit;
}

/* Pencil */
.custom_symbol_arrow_button_pencil::before {
    content: '\270E'; /* Pencil */
    margin-right: 5px;
    font-size: auto;
    color: inherit;
}

/* Scissors */
.custom_symbol_arrow_button_scissors::before {
    content: '\2702'; /* Black scissors */
    margin-right: 5px;
    font-size: auto;
    color: inherit;
}

/* Book */
.custom_symbol_arrow_button_book::before {
    content: '\1F4D6'; /* Open book */
    margin-right: 5px;
    font-size: auto;
    color: inherit;
}

/* Bell */
.custom_symbol_arrow_button_bell::before {
    content: '\1F514'; /* Bell */
    margin-right: 5px;
    font-size: auto;
    color: inherit;
}

/* Trophy */
.custom_symbol_arrow_button_trophy::before {
    content: '\1F3C6'; /* Trophy */
    margin-right: 5px;
    font-size: auto;
    color: inherit;
}

/* Globe */
.custom_symbol_arrow_button_globe::before {
    content: '\1F30D'; /* Earth globe Europe-Africa */
    margin-right: 5px;
    font-size: auto;
    color: inherit;
}

/* Light bulb */
.custom_symbol_arrow_button_bulb::before {
    content: '\1F4A1'; /* Electric light bulb */
    margin-right: 5px;
    font-size: auto;
    color: inherit;
}

/* Thumbs up */
.custom_symbol_arrow_button_thumbsup::before {
    content: '\1F44D'; /* Thumbs up sign */
    margin-right: 5px;
    font-size: auto;
    color: inherit;
}

/* Thumbs down */
.custom_symbol_arrow_button_thumbsdown::before {
    content: '\1F44E'; /* Thumbs down sign */
    margin-right: 5px;
    font-size: auto;
    color: inherit;
}

/* Warning sign */
.custom_symbol_arrow_button_warning::before {
    content: '\26A0'; /* Warning sign */
    margin-right: 5px;
    font-size: auto;
    color: inherit;
}

/* Anchor */
.custom_symbol_arrow_button_anchor::before {
    content: '\2693'; /* Anchor */
    margin-right: 5px;
    font-size: auto;
    color: inherit;
}

/* Hammer */
.custom_symbol_arrow_button_hammer::before {
    content: '\1F528'; /* Hammer */
    margin-right: 5px;
    font-size: auto;
    color: inherit;
}

/* Wrench */
.custom_symbol_arrow_button_wrench::before {
    content: '\1F527'; /* Wrench */
    margin-right: 5px;
    font-size: auto;
    color: inherit;
}

/* Hourglass */
.custom_symbol_arrow_button_hourglass::before {
    content: '\231B'; /* Hourglass */
    margin-right: 5px;
    font-size: auto;
    color: inherit;
}

/* Lock */
.custom_symbol_arrow_button_lock::before {
    content: '\1F512'; /* Lock */
    margin-right: 5px;
    font-size: auto;
    color: inherit;
}

/* Unlock */
.custom_symbol_arrow_button_unlock::before {
    content: '\1F513'; /* Open lock */
    margin-right: 5px;
    font-size: auto;
    color: inherit;
}

/* Key */
.custom_symbol_arrow_button_key::before {
    content: '\1F511'; /* Key */
    margin-right: 5px;
    font-size: auto;
    color: inherit;
}

/* Magnifying glass */
.custom_symbol_arrow_button_magnifying::before {
    content: '\1F50D'; /* Left-pointing magnifying glass */
    margin-right: 5px;
    font-size: auto;
    color: inherit;
}

/* Camera */
.custom_symbol_arrow_button_camera::before {
    content: '\1F4F7'; /* Camera */
    margin-right: 5px;
    font-size: auto;
    color: inherit;
}