.opinionstage-button {
    font-family: 'Inter', sans-serif;
    border-radius: 8px;
    display: inline-block;
    line-height: 1;
    border-style: hidden;
    color: #000 !important;
    font-size: 18px;
    font-weight: 500;
    min-width: 100px;
    padding: 12px 24px;
    text-decoration: none;
    text-align: center;
    transition: 0.2s ease;
    cursor: pointer;
    background: #efefef;
    box-sizing: border-box;

    &:hover {
        color: #000;
        opacity: .8;
    }

    &__small,
    &__middle {
        padding: 8px 12px;
        min-width: auto;
    }
    &__small {
        font-size: 12px;
    }

    &__middle {
        font-size: 14px;
    }

    &__blue {
        background-color: #4397F7;
        color: #fff !important;
        &:hover {
            color: #fff;
        }
    }
    &__white {
        background-color: #fff;
        border: 1px solid #DDDDDD;
        color: #32373c;
        &:hover {
            color: #32373c;
        }
    }
    
    &__black {
        background-color: #000;
        border: 1px solid #DDDDDD;
        color: #fff !important;
        &:hover {
            color: #fff;
        }
    }

    &__uppercase {
        text-transform: uppercase;
    }
}