button.scss

@import "variables";
.btn {
    display:inline-flex;
    justify-content:center;
    align-items:center;
    min-width:220px;
    background:none;
    outline:none;
    border:none;
    text-decoration:none;
    cursor:pointer;
    transition:.3s;
    &_medium {
        min-height:48px;
        padding:10px 30px;
        font-size:15px;
        font-weight:bold;
        line-height:23px;
        text-align:center;
        border-radius:24px;
    }
    &_cyan {
        color:$cyan;
        border:$cyan 1px solid;
    }
    &_orange {
        color:$orange;
        border:$orange 1px solid;
    }
    &_white {
        color:#fff;
        border:#fff 1px solid;
    }
    &_pink {
        color:$pink;
        border:$pink 1px solid;
    }
    &_violet {
        color:$violet;
        border:$violet 1px solid;
    }
    &:hover {
        opacity:.8;
    }
}