#page {
    background-color: #F2F2F2;
}

.rounded-1 {
    border-radius: 16px !important;
}

.rounded-2 {
    border-radius: 24px !important;
}

.rounded-3 {
    border-radius: 32px !important;
}

.card.review {
    background-color: #F2F2F2;
    padding: 16px;
}

.card {
    border: none;
    padding: 32px;
}

h1 {
    font-size: 27px;
}

h2 {
    font-size: 27px;
}

.badge {
    border-radius: 8px;
}

.badge.bg-primary {
    background-color: #330F57 !important;
}

.btn-primary {
    border-radius: var(--S, 8px);
    border: 2px solid #330F57;
    background: linear-gradient(180deg, #B265FF 0%, #660AC2 100%);
    box-shadow: 0px 2px 0px 0px #330F57;

    font-weight: 700;
}

@media (max-width: 575px) {
    .rounded-1 {
        border-radius: 8px !important;
    }

    .rounded-2 {
        border-radius: 16px !important;
    }

    .rounded-3 {
        border-radius: 32px !important;
    }

    .card.review {
        padding: 8px;
    }

    .card {
        padding: 16px;
    }
}