@mixin suggested_button($radius : $normal_button_radius) {
  button.suggested-action {
    border-width: 1px;
    border-style: solid;
    border-radius: $radius;
    background-image: linear-gradient(to bottom, #b6d2ed, #8ebbe8 35%, #63a1df 36%, #b9edff);
    border-color: #07067b;
    border-left-color: gtkshade($selected_bg_color, 1.15);
    border-right-color: gtkshade($selected_bg_color, 1.15);
    border-bottom-color: gtkshade($selected_bg_color, 1.3);
    box-shadow: 0 2px 3px 0px gtkalpha($dark_shadow, 0.3), inset 1px 0 2px 0 gtkalpha($dark_shadow, 0.4), inset -1px 0 2px 0 gtkalpha($dark_shadow, 0.4), inset 0 4px 3px -2px gtkalpha($light_shadow, 0.8);
    -gtk-outline-radius: $radius;

    &:hover {
    }

    &:active, &:checked {
      box-shadow: inset 0 2px 3px 1px gtkalpha($dark_shadow, 0.45), inset 0 -2px 3px 1px gtkalpha($light_shadow, 0.45), inset 0 1px gtkshade(#8ebbe8, 0.35);

      &:backdrop {
        color: $unfocused_selected_fg_color;
      }
    }

    &:disabled {
      border-color: gtkmix($selected_bg_color, $disabled_bg_color, 0.2);
      color: gtkmix($selected_fg_color, $disabled_fg_color, 0.2);
      background-image: linear-gradient(to bottom, gtkshade(gtkmix($selected_bg_color, $disabled_bg_color, 0.2), 1.2), gtkshade(gtkmix($selected_bg_color, $disabled_bg_color, 0.2), 1.05));

      &:backdrop {
        border-color: gtkmix($unfocused_selected_bg_color, $unfocused_disabled_bg_color, 0.2);
        color: gtkmix($unfocused_selected_fg_color, $unfocused_disabled_fg_color, 0.2);
        background-image: linear-gradient(to bottom, gtkshade(gtkmix($unfocused_selected_bg_color, $unfocused_disabled_bg_color, 0.2), 1.1), gtkshade(gtkmix($unfocused_selected_bg_color, $unfocused_disabled_bg_color, 0.2), 0.95));
      }
    }

    &:backdrop {
      border-color: $unfocused_selected_bg_color;
      color: $unfocused_selected_fg_color;
      background-image: linear-gradient(to bottom, gtkshade($selected_bg_color, 1.2), gtkshade($selected_bg_color, 1.05));
    }
  }
}
