/* pskips yellow */
.tc-btn {
    padding: 5px;
    font-weight: 400;
    border-radius: 5px;
    border-color: transparent;
    cursor: pointer;
    min-width: 90px;
}

    .tc-btn.small {
        min-height: 30px !important;
        max-height: 32px !important;
        font-size: 1.1rem !important;
        height: 32px !important;
        width: 104px;
        padding: 5px 5px;
    }

    .tc-btn.skin {
        background-color: #FEE5BF;
        color: #4f5c81 !important;
    }


    .tc-btn.yellow {
        background-color: #FBD98E;
        color: #4f5c81 !important;
    }

    .tc-btn.skin {
        background-color: #FEE5BF;
        color: #4f5c81 !important;
    }

    .tc-btn.red {
        background-color: #E15554 !important;
        color: #fff !important;
    }

    .tc-btn.purple {
        background-color: #f21df2; /* deep purple */
        color: #fff !important;
    }

    .tc-btn.green {
        background-color: #2cbf55;
        color: #fff !important;
    }

    .tc-btn.chromeGreen {
        background-color: #0f9960;
        color: #fff !important;
    }

    .tc-btn.blue {
        background-color: #4E85B5;
        color: #fff !important;
    }

    /* HOVER MAIN */
    .tc-btn:hover {
        box-shadow: 2px 2px 7px rgba(37, 37, 38, 0.40);
        transform: translateY(-3px);
        transition: .1s ease-in-out;
        font-weight: 600;
    }

    /* HOVER COLOURS */
    .tc-btn.purple:hover {
        background-color: #c918c9; /* DARK purple */
        color: #fff;
    }

    .tc-btn.red:hover {
        color: #fff;
        background-color: #ee4645 !important;
    }

    /* FOCUS */
    .tc-btn:focus {
        outline: 0 !important;
    }