/// @output Create an animated spinner
///
/// @param {Color} $colorInside [var(--white)] - color inside spinner
@mixin spinner($colorInside: var(--white)) {
    --loading-spinner-color-inside: #{$colorInside};

    position: relative;
    display: inline-block;
    background: var(--gradient);
    border-radius: 50%;
    animation: rotationAnimation 2s linear infinite;

    &::before {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 80%;
        height: 80%;
        background: var(--loading-spinner-color-inside);
        border: 3px solid var(--loading-spinner-color-inside);
        border-radius: 50%;
        transform: translate(-50%, -50%);
        content: '';
    }
}