/**
 *
 *
 */

.button {
    &--icon {
        padding: 0.5rem 0.6rem;
    }

    &--hover-icon-contrast {
        &:hover {
            .icon {
                fill: white;
            }
        }
    }

    &--hover-icon-text {
        &:hover {
            .icon {
                fill: var(--text);
            }
        }
    }
}