.hide-on-mobile {
    @media (max-width: 599px) {
        display: none !important;
    }
}

.show-on-mobile {
    @media (min-width: 600px) {
        display: none !important;
    }
}

.hide-on-tablet {
    @media (min-width: 600px) and (max-width: 959px) {
        display: none !important;
    }
}

.show-on-tablet {
    @media not all and (min-width: 600px) and (max-width: 959px) {
        display: none !important;
    }
}

.p-responsive {
    padding: var(--spacing-md);
}

@media (max-width: 599px) {
    .p-responsive {
        padding: var(--spacing-sm);
    }
}

@media (min-width: 1280px) {
    .p-responsive {
        padding: var(--spacing-lg);
    }
}