.gb-button.gb-button-primary-button .gb-icon svg,
.gb-button.gb-button-primary-on-white .gb-icon svg,
.gb-button.gb-button-primary-on-dark .gb-icon svg,
.gb-button.gb-button-button-link .gb-icon svg,
.gb-button.gb-button-link-on-dark .gb-icon svg,
.gb-button.gb-button-primary-button-alt .gb-icon svg,
.gb-button.gb-button-primary-on-white-alt .gb-icon svg,
.gb-button.gb-button-primary-on-dark-alt .gb-icon svg,
.gb-button.gb-button-button-link-alt .gb-icon svg,
.gb-button.gb-button-link-on-dark-alt .gb-icon svg {
    fill: var(--primary-accent);
    color: var(--primary-accent);
}

.gb-button.gb-button-primary-button:hover .gb-icon svg,
.gb-button.gb-button-primary-on-white:hover .gb-icon svg,
.gb-button.gb-button-primary-on-dark:hover .gb-icon svg,
.gb-button.gb-button-button-link:hover .gb-icon svg,
.gb-button.gb-button-link-on-dark:hover .gb-icon svg,
.gb-button.gb-button-primary-button-alt:hover .gb-icon svg,
.gb-button.gb-button-primary-on-white-alt:hover .gb-icon svg,
.gb-button.gb-button-primary-on-dark-alt:hover .gb-icon svg,
.gb-button.gb-button-button-link-alt:hover .gb-icon svg,
.gb-button.gb-button-link-on-dark-alt:hover .gb-icon svg {
    animation-name: slide-right;
    animation-duration: 300ms;

    animation-iteration-count: initial;
    animation-fill-mode: forwards;
    transform-origin: 50% 50%;
    display: inline-block;
    position: relative;
}

@keyframes slide-right {
    0% {
        left: 0;
    }
    100% {
        left: 5px;
    }
}

@keyframes slide-left {
    0% {
        right: 0;
    }
    100% {
        right: 5px;
    }
}

a.gb-button.text-left {
    text-align: left;
}