.SlideShow__menu-button
{
    background: none;
    border: 0;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    color: $SlideShow_menu_button_color;

    cursor: pointer;

    display: block;

    height: $SlideShow_menu_button_height_px;

    padding: $SlideShow_menu_button_padding_y_px $SlideShow_menu_button_padding_x_px;

    width: $SlideShow_menu_button_width_px;
}

.SlideShow__menu-button--next,
.SlideShow__menu-button--previous
{
    background-color: $SlideShow_menu_button_next_background;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;

    color: $SlideShow_menu_button_next_color;

    padding: $SlideShow_menu_button_next_padding_y_px $SlideShow_menu_button_next_padding_x_px;
}

.SlideShow__menu-button--pause
{
    padding: $SlideShow_menu_button_pause_padding_y_px $SlideShow_menu_button_pause_padding_x_px;
}

.SlideShow__menu-button > span
{
    border-color: $SlideShow_menu_button_bullet_border_color;
    border-style: solid;
    border-width: $SlideShow_menu_button_bullet_border_size_px 0 0;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    display: block;

    height: 100%;

    -moz-transition: border-color $SlideShow_transition_durations;
    -o-transition: border-color $SlideShow_transition_durations;
    -webkit-transition: border-color $SlideShow_transition_durations;
    transition: border-color $SlideShow_transition_durations;
}

.SlideShow__menu-button.SlideShow--on > span
{
    border-color: $SlideShow_menu_button_bullet_on_border_color;
}

.SlideShow__menu-button--pause > span
{
    border-color: $SlideShow_menu_button_pause_bullet_border_color;
    border-width: 0 $SlideShow_menu_button_pause_bullet_border_size_px;

    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
}

.SlideShow__menu-button--pause.SlideShow--on > span
{
    border-color: transparent transparent transparent $SlideShow_menu_button_pause_bullet_border_color;
    border-width: $SlideShow_menu_button_pause_on_bullet_border_top_size_px 0 $SlideShow_menu_button_pause_on_bullet_border_top_size_px $SlideShow_menu_button_pause_on_bullet_border_left_size_px;
}

.SlideShow__menu-button--next > span,
.SlideShow__menu-button--previous > span
{
    background-image: url( '$global_root_img/icons/composite.svg' );
    background-repeat: no-repeat;
    background-position: -$icon_next_offsetpx;

    border: 0;
}

.SlideShow__menu-button--previous > span
{
    background-position: -$icon_previous_offsetpx;
}