.button {
    background-color: var(--btn-color);
    padding: 1rem 2rem;
    border-radius: 4px;
    border: 0;
    font-weight: 700;
    color: var(--white);
    transition: var(--color-transition);

    &:hover {
        background-color: var(--btn-hover-color);
    }

    &.primary {
        --btn-color: var(--blue);
        --btn-hover-color: #0F025F
    }

    &.secondary {
        --btn-color: var(--black);
        --btn-hover-color: #3d3d3d;
    }

    &.success {
        --btn-color: var(--green);
        --btn-hover-color: #0bb430;
    }

    &.default {
        --btn-color: var(--cian);
        --btn-hover-color: #2ec2e4;
    }

    &.fullWidth {
        width: 100%;
    }
}