.C--button.type--1 {
    display: inline-block;
    vertical-align: middle;
    padding: 9px 24px;
    font-size: 1.45rem;
    font-weight: 400;
    color: #fff;
    text-align: center;
    text-decoration: none;
    border: 1px solid $button-color;
    outline: 0;
    cursor: pointer;
    background: $button-color;
    transition: background-color .3s, border .3s;
    -webkit-transition: background-color .3s;
    @include box-sizing;
    &:visited,
    &:link,
    &:hover,
    &:active {
        color: #fff;
    }
    &.-uppercase {
        text-transform: uppercase;
    }
    &.-rounded {
        @include border-radius(4px);
    }
    &.-oval {
        @include border-radius(40px);
    }
    &.-theme-primary {
        color: #fff;
        background: $primary-color;
        border-color: $primary-color;
        &:hover {
            background: $primary-color;
            border-color: $primary-color;
        }
    }
    &.-theme-light {
        color: $text-color;
        background: #fff;
        border-color: #fff;
        &:hover {
            background: #fff;
            border-color: #fff;
        }
    }
    &.-full-width {
        display: block;
        width: 100%;
    }
}