Iconbutton

.IconButton {
    display: inline-block;
    background: transparent;
    border: 0;
    outline: 0;
    &:active,
    &:focus,
    &:hover {
        text-decoration: none;
    }
    &:active {
        transform: translateY(2px);
    }
    &.icon:hover::before,
    &.icon:focus::before {
        @include circle-color(theme-color(main), get-color(neutral, 0));
    }
    &.icon._solid._white:hover::before,
    &.icon._solid._white:focus::before {
        @include circle-color(transparent, get-color(neutral, 0), get-color(neutral, 0));
    }
    &._social:hover::before {
        @include circle-color($background: get-color(neutral, 500));
    }
    &._social._twitter:hover::before {
        @include circle-color($background: get-network-color(twitter));
    }
    &._social._facebook:hover::before {
        @include circle-color($background: get-network-color(facebook));
    }
    &._social._linkedin:hover::before {
        @include circle-color($background: get-network-color(linkedin));
    }
    &._social._googleplus:hover::before {
        @include circle-color($background: get-network-color(googleplus));
    }
}