.avatar-square{
    border-radius: 3px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    background-color: var(--primary-color);
}

.btn-block {
    display: block;
    width: 100%;
}

.svg-spin {
    animation: spin 1s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
}

.avatar.avatar-icon-md > svg{
    width: 40px !important;
    height: 40px !important;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* Opacity Utility Classes */
.opacity-0   { opacity: 0 !important; }
.opacity-5   { opacity: 0.05 !important; }
.opacity-10  { opacity: 0.1 !important; }
.opacity-15  { opacity: 0.15 !important; }
.opacity-20  { opacity: 0.2 !important; }
.opacity-25  { opacity: 0.25 !important; }
.opacity-30  { opacity: 0.3 !important; }
.opacity-35  { opacity: 0.35 !important; }
.opacity-40  { opacity: 0.4 !important; }
.opacity-45  { opacity: 0.45 !important; }
.opacity-50  { opacity: 0.5 !important; }
.opacity-55  { opacity: 0.55 !important; }
.opacity-60  { opacity: 0.6 !important; }
.opacity-65  { opacity: 0.65 !important; }
.opacity-70  { opacity: 0.7 !important; }
.opacity-75  { opacity: 0.75 !important; }
.opacity-80  { opacity: 0.8 !important; }
.opacity-85  { opacity: 0.85 !important; }
.opacity-90  { opacity: 0.9 !important; }
.opacity-95  { opacity: 0.95 !important; }
.opacity-100 { opacity: 1 !important; }