.btn-square {
    padding: 0;
    position: relative;
    border: none;
    font-size: 2.4rem;
    line-height: 4rem;
    width: 4rem;
    height: 4rem; // icon center alignment
    border-radius: $border-radius-base;
    &:before {
        position: absolute;
    }
    &.chevron-top {
        &::after {
            @include backToTopStyle;
        }
    }
    &.chevron-left {
        @include chevron-horizontal-style("right", .8rem, .7rem);
    }
    &.chevron-right {
        @include chevron-horizontal-style("right", .6rem, .5rem);
    }
    &.plus,
    &.minus {
        @include plus-minus-btn;
    }
    &.btn-outline {
        @include btn-circle-outline;
    }
}