ACC SHELL

/* ==========================================================================
   Objects.Buttons
   ========================================================================== */

$btn-padding-vertical:   10px;
$btn-padding-horizontal: 20px;

$btn-color-background:   $color-background;
$btn-color-text:         $color-text;

$btn-border-color:       $btn-color-text;
$btn-border-style:       solid;
$btn-border-width:       1px;


.o-btn {
    display: inline-block;
    padding: $btn-padding-vertical $btn-padding-horizontal;
    border: $btn-border-width $btn-border-style $btn-border-color;
    background: $btn-color-background;
    color: $btn-color-text;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;

    &:focus {
        outline: 0;
    }

    &:hover {
        background-color: $btn-border-color;
        color: $btn-color-background;
    }
}