
.btn{
    font-family: $primary-font;
    font-weight: 600;
    font-size: 16px;
    transition: .4s;
    border-radius: 3px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    
    &--primary{
        background-color: $primary-color;
        color: #FFF;
        &:hover {
            background-color: rgba($primary-color,.8);
            color: #fff;
        }
    }

    &--medium {
        width: 163px;
    }

    &--large {
        width: 238px;
    }

}