.persian-date-picker {
    display: grid;
    gap: 0.5rem;
}

.persian-date-picker__fields {
    display: grid;
    grid-template-columns: 1.1fr 1.4fr 0.9fr;
    gap: 0.5rem;
}

.persian-date-picker__hint {
    font-size: 0.8rem;
    color: var(--text-muted);
    margin: 0;
}

.persian-date-picker__clear {
    border: 0;
    background: transparent;
    color: var(--text-muted);
    font-size: 0.8rem;
    padding: 0;
    width: fit-content;
}

.persian-date-picker__clear:hover {
    color: var(--brand);
}

@media (max-width: 575.98px) {
    .persian-date-picker__fields {
        grid-template-columns: 1fr;
    }
}