.bttn {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: none;
    padding: 6px 16px;
    font-weight: 500;
    cursor: pointer;
    color: #49454F;
    letter-spacing: 0.1px;
    text-align: center;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bttn-sm {
    padding: 5px 10px;
    min-width: 36px;
    min-height: 36px;
}

.bttn-sm img {
    width: 17px;
}

.bttn-bordered {
    border: 1px solid #E0E0E0;
}

.bttn-rounded {
    border-radius: 50%;
}

.bttn-white {
    background-color: #fff;
}

.bttn-white:hover:not(.bttn-white:disabled) {
    border-color: #FB791B;
}

.bttn-white:active {
    box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.15);
    filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3));
}

.bttn-white:disabled {
    opacity: 0.38;
}

.bttn-shadow {
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
    background-color: #FFFBFE;
    border: 1px solid transparent;
}

.bttn-shadow:hover:not(.bttn-shadow:disabled) {
    border-color: #FB791B;
    background-color: #F2F2F3;
}

.bttn-shadow:disabled {
    color: #1C1B1F;
    opacity: 0.38;
    background: rgba(25, 27, 29, 0.12);
}

.bttn-gray {
    background: #F2F2F3;
    color: #000;
}

.bttn-gray:active {
    background: rgba(73, 69, 79, 0.12);
}

.bttn-gray:disabled {
    opacity: 0.38;
    background-color: #fff;
    border: 1px solid #E0E0E0;
}

.sp-shadow {
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
}

.bttn-blue {
    background-color: #00BCCC;
    color: #fff;
}

.bttn-blue:hover:not(.bttn-blue:disabled) {
    background-color: #029AAD;
}

.bttn-blue:active {
    background-color: #058A9D;
}

.bttn-blue:disabled {
    background-color: #BBE3E9;
}

.bttn-orange {
    background-color: #FB791B;
    color: #fff;
}

.bttn-orange:hover:not(.bttn-orange:disabled) {
    background-color: #FF5A00;
}

.bttn-orange:active {
    background-color: #EB8039;
}

.bttn-orange:disabled {
    background-color: #FFC39C;
}