.my-time-filters-container {
  display: flex;
  justify-content: space-between;

  width: 1696px;
}

.my-time-filter {
  display: flex;
  justify-content: center;
  align-items: center;

  width: 220px;
  height: 48px;
  border: 4px solid #fcfcc7;
  border-radius: 5px;

  font-size: 24px;
  color: #ffffff;

  background: linear-gradient(180deg, #ffc300 0%, #5f3314 63.94%, #c59429 100%);
}

.my-time-filter.active {
  background: linear-gradient(180deg, #310102 0%, #741a22 50%, #330002 100%);
}

/* ===== Custom Alert (SweetAlert2) ===== */
/* Popup container: apply to Swal.fire with customClass: { popup: 'my-alert-popup' } */
.swal2-html-container {
  padding: 0;
}

.swal2-popup.my-alert-popup {
  padding: 0;
  min-width: 484px;
  border-radius: 10px;
  overflow: hidden;

  display: flex;
  flex-direction: column;
  justify-content: space-between;

  background: linear-gradient(180deg, #310102 0%, #741a22 50%, #330002 100%);
}

.my-alert-container,
.my-alert-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: auto;
  background: linear-gradient(180deg, #310102 0%, #741a22 50%, #330002 100%);
}

.my-alert-header {
  width: 100%;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 12px 12px 20px;
  background: linear-gradient(180deg, #ffc300 0%, #5f3314 63.94%, #c59429 100%);
}

.my-alert-title {
  font-size: 24px;
  color: #fff;
}

.my-alert-close-btn {
  appearance: none;
  border: none;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: linear-gradient(180deg, #af0000 0%, #78000a 72.6%, #6c1018 100%);
}

.my-alert-close-btn img {
  width: 32px;
  height: 32px;
  display: block;
}

.my-alert-body {
  width: 100%;
  padding: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 32px;
}

.my-alert-icon {
  width: 64px;
  height: 56px;
  display: block;
}

.my-alert-message {
  color: #fff;
  font-size: 32px;
  line-height: 1.2;
  text-align: center;
}

.my-alert-actions {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
}

.my-alert-btn,
.my-alert-primary-btn,
.my-alert-secondary-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1 1 0%;
  width: 100%;
  height: 48px;
  border-radius: 5px;
  border: 4px solid #fcfcc7;
  font-size: 24px;
  color: #ffffff;
  padding: 10px 16px;
  cursor: pointer;
  background: transparent;
}

/* Secondary: "Não" (transparent) */
.my-alert-btn--secondary,
.my-alert-secondary-btn {
  background: transparent;
}

/* Primary: "Sim" (red gradient) */
.my-alert-btn--primary,
.my-alert-primary-btn {
  background: linear-gradient(180deg, #af0000 0%, #78000a 72.6%, #6c1018 100%);
}

@media (max-width: 1200px) {
  .my-time-filters-container {
    width: 888px;
    overflow-x: hidden;
    justify-content: center;
    gap: 8px;
  }

  .my-time-filter {
    width: 100%;
  }
}