.ev-btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--ev-primary60);
  --bs-btn-border-color: var(--ev-primary60);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--ev-primary50);
  --bs-btn-hover-border-color: var(--ev-primary50);
  --bs-btn-focus-shadow-rgb: 233, 100, 132;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--ev-primary60);
  --bs-btn-active-border-color: var(--ev-primary60);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--ev-primary60);
  --bs-btn-disabled-border-color: var(--ev-primary60);
}

.ev-btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--ev-secondary50);
  --bs-btn-border-color: var(--ev-secondary50);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--ev-secondary40);
  --bs-btn-hover-border-color: var(--ev-secondary40);
  --bs-btn-focus-shadow-rgb: 79, 111, 226;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--ev-secondary50);
  --bs-btn-active-border-color: var(--ev-secondary50);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--ev-secondary50);
  --bs-btn-disabled-border-color: var(--ev-secondary50);
}

.ev-btn-outline-primary {
  --bs-btn-color: var(--ev-primary60);
  --bs-btn-border-color: var(--ev-primary60);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--ev-primary60);
  --bs-btn-hover-border-color: var(--ev-primary60);
  --bs-btn-focus-shadow-rgb: 233, 100, 132;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--ev-primary60);
  --bs-btn-active-border-color: var(--ev-primary60);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--ev-primary60);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--ev-primary60);
  --bs-gradient: none;
}

.ev-btn-outline-primary--2 {
  --bs-btn-color: var(--bs-gray-400);
  --bs-btn-border-color: var(--bs-gray-300);
  --bs-btn-hover-color: var(--ev-primary50);
  --bs-btn-hover-bg: transparent;
  --bs-btn-hover-border-color: var(--ev-primary50);
  --bs-btn-focus-shadow-rgb: 233, 100, 132;
  --bs-btn-active-color: var(--ev-primary60);
  --bs-btn-active-bg: transparent;
  --bs-btn-active-border-color: var(--ev-primary60);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--ev-primary60);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--ev-primary60);
  --bs-gradient: none;
}

.ev-btn-outline-primary--4 {
  --bs-btn-color: var(--bs-gray-600);
  --bs-btn-border-color: var(--bs-gray-700);
  --bs-btn-hover-color: var(--ev-primary50);
  --bs-btn-hover-bg: transparent;
  --bs-btn-hover-border-color: var(--ev-primary50);
  --bs-btn-focus-shadow-rgb: 233, 100, 132;
  --bs-btn-active-color: var(--ev-primary60);
  --bs-btn-active-bg: transparent;
  --bs-btn-active-border-color: var(--ev-primary60);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--ev-primary60);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--ev-primary60);
  --bs-gradient: none;
}

.ev-btn-outline-secondary {
  --bs-btn-color: var(--ev-secondary50);
  --bs-btn-border-color: var(--ev-secondary50);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--ev-secondary50);
  --bs-btn-hover-border-color: var(--ev-secondary50);
  --bs-btn-focus-shadow-rgb: 79, 111, 226;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--ev-secondary50);
  --bs-btn-active-border-color: var(--ev-secondary50);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--ev-secondary50);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--ev-secondary50);
  --bs-gradient: none;
}

.ev-btn-gradient {
  --bs-btn-color: #fff;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: transparent;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-focus-shadow-rgb: 233, 100, 132;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: transparent;
  --bs-btn-active-border-color: transparent;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--ev-primary60);
  --bs-btn-disabled-border-color: var(--ev-primary60);
  border: none;
  background-image: linear-gradient(90deg, var(--ev-pink), var(--ev-blue));
  background-size: 200%;
  background-position-x: 0%;
  transition: all 0.35s ease-in-out;
}
.ev-btn-gradient:hover {
  border: none;
  background-position-x: 100%;
}

.ev-btn-link-primary {
  --bs-btn-color: var(--ev-primary60);
  --bs-btn-hover-color: var(--ev-primary50);
  --bs-btn-active-color: var(--ev-primary50);
  --bs-btn-focus-shadow-rgb: 233, 100, 132;
}

.ev-btn-link-secondary {
  --bs-btn-color: var(--ev-secondary50);
  --bs-btn-hover-color: var(--ev-secondary40);
  --bs-btn-active-color: var(--ev-secondary40);
  --bs-btn-focus-shadow-rgb: 79, 111, 226;
}

.ev-btn-link-green {
  --bs-btn-color: var(--ev-green60);
  --bs-btn-hover-color: var(--ev-green50);
  --bs-btn-active-color: var(--ev-green50);
  --bs-btn-focus-shadow-rgb: 79, 111, 226;
}

.ev-btn-link-red {
  --bs-btn-color: var(--ev-error60);
  --bs-btn-hover-color: var(--ev-error50);
  --bs-btn-active-color: var(--ev-error50);
  --bs-btn-focus-shadow-rgb: 79, 111, 226;
}

.ev-btn-link-red:disabled {
  color: var(--bs-btn-disabled-color);
}

.ev-btn-link-gray {
  --bs-btn-color: var(--bs-gray-500);
  --bs-btn-hover-color: var(--bs-gray-600);
  --bs-btn-active-color: var(--bs-gray-600);
  --bs-btn-focus-shadow-rgb: 173, 181, 189;
}

.ev-btn-close {
  --bs-btn-close-focus-shadow: none;
}

.ev-events-carousel {
  margin-top: -8px;
  margin-bottom: -8px;
}

.ev-events-row {
  margin-top: -8px;
  margin-bottom: -8px;
}

.ev-pagination-primary {
  --bs-pagination-color: var(--ev-primary60);
  --bs-pagination-hover-color: var(--ev-primary50);
  --bs-pagination-focus-color: var(--ev-primary50);
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(233, 100, 132, 0.25);
  --bs-pagination-active-bg: var(--ev-primary60);
  --bs-pagination-active-border-color: var(--ev-primary60);
}

.dark-mode .ev-pagination-primary {
  --bs-pagination-bg: var(--bs-gray-900);
  --bs-pagination-color: var(--ev-primary60);
  --bs-pagination-border-color: var(--bs-gray-700);
  --bs-pagination-hover-color: var(--ev-primary50);
  --bs-pagination-hover-bg: var(--bs-gray-800);
  --bs-pagination-hover-border-color: var(--bs-gray-700);
  --bs-pagination-focus-color: var(--ev-primary50);
  --bs-pagination-focus-bg: var(--bs-gray-800);
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(233, 100, 132, 0.25);
  --bs-pagination-active-bg: var(--ev-primary60);
  --bs-pagination-active-border-color: var(--ev-primary60);
  --bs-pagination-disabled-color: var(--bs-gray-500);
  --bs-pagination-disabled-bg: var(--bs-gray-700);
  --bs-pagination-disabled-border-color: var(--bs-gray-700);
}

.ev-pagination-secondary {
  --bs-pagination-color: var(--ev-secondary50);
  --bs-pagination-hover-color: var(--ev-secondary40);
  --bs-pagination-focus-color: var(--ev-secondary40);
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(79, 111, 226, 0.25);
  --bs-pagination-active-bg: var(--ev-secondary50);
  --bs-pagination-active-border-color: var(--ev-secondary50);
}