i.modal--close-button:hover {
    color: var(--primary-color);
    cursor: pointer;
}
i.modal--close-button:active {
    color: var(--primary-color-dark);
}
.fa-solid { color: var(--primary-color-light); font-size: 14px; }

header .fa-solid { color: white; }

.fa-solid::before { font-size: 14px; }
.fa-solid.small::before { font-size: 14px; }
.fa-solid.medium::before { font-size: 16px; }
.fa-solid.large::before { font-size: 18px; }

.loader {
    width: 48px;
    height: 48px;
    border: 5px solid #FFF;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
    }

    @keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}