.loader-holder {
    display: flex;
    justify-content: center;
}

.loader-content {
    padding-top: 2%;
    padding-bottom: 2%;
}

.loader {
    border: 10px solid var(--primary-color);
    border-radius: 100px;
    border-top: 10px solid var(--primary-hover);
    width: 50px;
    height: 50px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}

.hidden {
    display: none;
}
/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}