.primary-text-color {
    background: linear-gradient(270deg, #ff49ba -12.5%, #7d7aff 100%);
    color: #fff;
    font-weight: 400;
    padding: 12px 16px;
    border: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    text-decoration: none;
}

.number-has-bonus {
    width: 30px;
}

.popover-header {
    background: linear-gradient(270deg, #ff49ba -12.5%, #7d7aff 100%);
    color: white;
}

.popover-body {
    background: rgb(33 35 40);
    color: white;
    border: 1px solid rebeccapurple;
}

/* For screens smaller than 400px */
@media (max-width: 400px) {
    .megaset-logo {
        max-height: 100px !important;
        width: 80px !important;
    }
}

/* For screens larger than 400px */
@media (min-width: 401px) {
    .megaset-logo {
        max-height: 100px !important;
        width: 80px !important;
    }
}