@charset "UTF-8";
/* v2.0 重构版 2025/6/10 */
.c-btn {
  outline: none;
  border: none;
  padding: 10px 40px;
  font-size: 15px;
  text-align: center;
}
@media (prefers-color-scheme: light) {
  .c-btn {
    background: #000000;
    color: white;
  }
}
@media (prefers-color-scheme: dark) {
  .c-btn {
    background: white;
  }
}

.text-white {
  color: white !important;
}

.btn-bold {
  font-weight: bold;
}

.border-bold {
  border-width: 10px;
}

.square {
  border-radius: 0px;
}

.radius {
  border-radius: 50px;
}

.circle {
  padding: 6px 15px;
  border-radius: 100px;
  font-size: 20px;
  text-align: center;
}

.less-padding {
  padding: 10px;
}

.no-padding {
  padding: 0px;
}

.flat {
  padding: 3px 30px;
  text-align: center;
}

.padding {
  padding: 10px 40px;
}

.icon {
  padding: 10px 12px 8px 12px;
}

.sm {
  padding: 6px 30px;
  font-size: 14px;
}

.md {
  padding: 10px 35px;
  font-size: 18px;
}

.lg {
  padding: 14px 40px;
  font-size: 22px;
}

.block {
  padding: 12px 80px;
}

.full-block {
  width: 100%;
  padding: 12px 0;
}

.glass {
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 8px 32px rgba(250, 250, 250, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.hover-glass {
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 8px 32px rgba(250, 250, 250, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass:hover {
  background: rgba(255, 255, 255, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25);
}
.hover-glass:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}

.active {
  transition: transform 0.3s ease;
}
.active:active {
  transform: scale(0.94);
}

.mouse-hover {
  transition: transform 0.3s ease;
}
.mouse-hover:hover {
  transform: scale(1.05);
}

.active-with-hover {
  transition: transform 0.3s ease;
}
.active-with-hover:hover {
  transform: scale(1.05);
}
.active-with-hover:active {
  transform: scale(0.95);
}

.glass-red {
  background: rgba(222, 49, 49, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(222, 49, 49, 0.2);
  box-shadow: 0 8px 32px rgba(222, 49, 49, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-red-10 {
  background: rgba(222, 49, 49, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(222, 49, 49, 0.2);
  box-shadow: 0 8px 32px rgba(222, 49, 49, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-red-20 {
  background: rgba(222, 49, 49, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(222, 49, 49, 0.2);
  box-shadow: 0 8px 32px rgba(222, 49, 49, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-red-30 {
  background: rgba(222, 49, 49, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(222, 49, 49, 0.2);
  box-shadow: 0 8px 32px rgba(222, 49, 49, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-red-40 {
  background: rgba(222, 49, 49, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(222, 49, 49, 0.2);
  box-shadow: 0 8px 32px rgba(222, 49, 49, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-red-50 {
  background: rgba(222, 49, 49, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(222, 49, 49, 0.2);
  box-shadow: 0 8px 32px rgba(222, 49, 49, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-red-60 {
  background: rgba(222, 49, 49, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(222, 49, 49, 0.2);
  box-shadow: 0 8px 32px rgba(222, 49, 49, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-red-70 {
  background: rgba(222, 49, 49, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(222, 49, 49, 0.2);
  box-shadow: 0 8px 32px rgba(222, 49, 49, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-red-80 {
  background: rgba(222, 49, 49, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(222, 49, 49, 0.2);
  box-shadow: 0 8px 32px rgba(222, 49, 49, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-red-90 {
  background: rgba(222, 49, 49, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(222, 49, 49, 0.2);
  box-shadow: 0 8px 32px rgba(222, 49, 49, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-orange {
  background: rgba(239, 99, 43, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(239, 99, 43, 0.2);
  box-shadow: 0 8px 32px rgba(239, 99, 43, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-orange-10 {
  background: rgba(239, 99, 43, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(239, 99, 43, 0.2);
  box-shadow: 0 8px 32px rgba(239, 99, 43, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-orange-20 {
  background: rgba(239, 99, 43, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(239, 99, 43, 0.2);
  box-shadow: 0 8px 32px rgba(239, 99, 43, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-orange-30 {
  background: rgba(239, 99, 43, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(239, 99, 43, 0.2);
  box-shadow: 0 8px 32px rgba(239, 99, 43, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-orange-40 {
  background: rgba(239, 99, 43, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(239, 99, 43, 0.2);
  box-shadow: 0 8px 32px rgba(239, 99, 43, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-orange-50 {
  background: rgba(239, 99, 43, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(239, 99, 43, 0.2);
  box-shadow: 0 8px 32px rgba(239, 99, 43, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-orange-60 {
  background: rgba(239, 99, 43, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(239, 99, 43, 0.2);
  box-shadow: 0 8px 32px rgba(239, 99, 43, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-orange-70 {
  background: rgba(239, 99, 43, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(239, 99, 43, 0.2);
  box-shadow: 0 8px 32px rgba(239, 99, 43, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-orange-80 {
  background: rgba(239, 99, 43, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(239, 99, 43, 0.2);
  box-shadow: 0 8px 32px rgba(239, 99, 43, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-orange-90 {
  background: rgba(239, 99, 43, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(239, 99, 43, 0.2);
  box-shadow: 0 8px 32px rgba(239, 99, 43, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-tangerine {
  background: rgba(250, 126, 35, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(250, 126, 35, 0.2);
  box-shadow: 0 8px 32px rgba(250, 126, 35, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-tangerine-10 {
  background: rgba(250, 126, 35, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(250, 126, 35, 0.2);
  box-shadow: 0 8px 32px rgba(250, 126, 35, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-tangerine-20 {
  background: rgba(250, 126, 35, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(250, 126, 35, 0.2);
  box-shadow: 0 8px 32px rgba(250, 126, 35, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-tangerine-30 {
  background: rgba(250, 126, 35, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(250, 126, 35, 0.2);
  box-shadow: 0 8px 32px rgba(250, 126, 35, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-tangerine-40 {
  background: rgba(250, 126, 35, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(250, 126, 35, 0.2);
  box-shadow: 0 8px 32px rgba(250, 126, 35, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-tangerine-50 {
  background: rgba(250, 126, 35, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(250, 126, 35, 0.2);
  box-shadow: 0 8px 32px rgba(250, 126, 35, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-tangerine-60 {
  background: rgba(250, 126, 35, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(250, 126, 35, 0.2);
  box-shadow: 0 8px 32px rgba(250, 126, 35, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-tangerine-70 {
  background: rgba(250, 126, 35, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(250, 126, 35, 0.2);
  box-shadow: 0 8px 32px rgba(250, 126, 35, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-tangerine-80 {
  background: rgba(250, 126, 35, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(250, 126, 35, 0.2);
  box-shadow: 0 8px 32px rgba(250, 126, 35, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-tangerine-90 {
  background: rgba(250, 126, 35, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(250, 126, 35, 0.2);
  box-shadow: 0 8px 32px rgba(250, 126, 35, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-green {
  background: rgba(36, 128, 103, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(36, 128, 103, 0.2);
  box-shadow: 0 8px 32px rgba(36, 128, 103, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-green-10 {
  background: rgba(36, 128, 103, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(36, 128, 103, 0.2);
  box-shadow: 0 8px 32px rgba(36, 128, 103, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-green-20 {
  background: rgba(36, 128, 103, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(36, 128, 103, 0.2);
  box-shadow: 0 8px 32px rgba(36, 128, 103, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-green-30 {
  background: rgba(36, 128, 103, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(36, 128, 103, 0.2);
  box-shadow: 0 8px 32px rgba(36, 128, 103, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-green-40 {
  background: rgba(36, 128, 103, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(36, 128, 103, 0.2);
  box-shadow: 0 8px 32px rgba(36, 128, 103, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-green-50 {
  background: rgba(36, 128, 103, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(36, 128, 103, 0.2);
  box-shadow: 0 8px 32px rgba(36, 128, 103, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-green-60 {
  background: rgba(36, 128, 103, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(36, 128, 103, 0.2);
  box-shadow: 0 8px 32px rgba(36, 128, 103, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-green-70 {
  background: rgba(36, 128, 103, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(36, 128, 103, 0.2);
  box-shadow: 0 8px 32px rgba(36, 128, 103, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-green-80 {
  background: rgba(36, 128, 103, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(36, 128, 103, 0.2);
  box-shadow: 0 8px 32px rgba(36, 128, 103, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-green-90 {
  background: rgba(36, 128, 103, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(36, 128, 103, 0.2);
  box-shadow: 0 8px 32px rgba(36, 128, 103, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-emerald {
  background: rgba(34, 148, 83, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(34, 148, 83, 0.2);
  box-shadow: 0 8px 32px rgba(34, 148, 83, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-emerald-10 {
  background: rgba(34, 148, 83, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(34, 148, 83, 0.2);
  box-shadow: 0 8px 32px rgba(34, 148, 83, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-emerald-20 {
  background: rgba(34, 148, 83, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(34, 148, 83, 0.2);
  box-shadow: 0 8px 32px rgba(34, 148, 83, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-emerald-30 {
  background: rgba(34, 148, 83, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(34, 148, 83, 0.2);
  box-shadow: 0 8px 32px rgba(34, 148, 83, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-emerald-40 {
  background: rgba(34, 148, 83, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(34, 148, 83, 0.2);
  box-shadow: 0 8px 32px rgba(34, 148, 83, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-emerald-50 {
  background: rgba(34, 148, 83, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(34, 148, 83, 0.2);
  box-shadow: 0 8px 32px rgba(34, 148, 83, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-emerald-60 {
  background: rgba(34, 148, 83, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(34, 148, 83, 0.2);
  box-shadow: 0 8px 32px rgba(34, 148, 83, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-emerald-70 {
  background: rgba(34, 148, 83, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(34, 148, 83, 0.2);
  box-shadow: 0 8px 32px rgba(34, 148, 83, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-emerald-80 {
  background: rgba(34, 148, 83, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(34, 148, 83, 0.2);
  box-shadow: 0 8px 32px rgba(34, 148, 83, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-emerald-90 {
  background: rgba(34, 148, 83, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(34, 148, 83, 0.2);
  box-shadow: 0 8px 32px rgba(34, 148, 83, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-mint {
  background: rgba(32, 161, 98, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(32, 161, 98, 0.2);
  box-shadow: 0 8px 32px rgba(32, 161, 98, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-mint-10 {
  background: rgba(32, 161, 98, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(32, 161, 98, 0.2);
  box-shadow: 0 8px 32px rgba(32, 161, 98, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-mint-20 {
  background: rgba(32, 161, 98, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(32, 161, 98, 0.2);
  box-shadow: 0 8px 32px rgba(32, 161, 98, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-mint-30 {
  background: rgba(32, 161, 98, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(32, 161, 98, 0.2);
  box-shadow: 0 8px 32px rgba(32, 161, 98, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-mint-40 {
  background: rgba(32, 161, 98, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(32, 161, 98, 0.2);
  box-shadow: 0 8px 32px rgba(32, 161, 98, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-mint-50 {
  background: rgba(32, 161, 98, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(32, 161, 98, 0.2);
  box-shadow: 0 8px 32px rgba(32, 161, 98, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-mint-60 {
  background: rgba(32, 161, 98, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(32, 161, 98, 0.2);
  box-shadow: 0 8px 32px rgba(32, 161, 98, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-mint-70 {
  background: rgba(32, 161, 98, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(32, 161, 98, 0.2);
  box-shadow: 0 8px 32px rgba(32, 161, 98, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-mint-80 {
  background: rgba(32, 161, 98, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(32, 161, 98, 0.2);
  box-shadow: 0 8px 32px rgba(32, 161, 98, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-mint-90 {
  background: rgba(32, 161, 98, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(32, 161, 98, 0.2);
  box-shadow: 0 8px 32px rgba(32, 161, 98, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-blue {
  background: rgba(36, 134, 185, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(36, 134, 185, 0.2);
  box-shadow: 0 8px 32px rgba(36, 134, 185, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-blue-10 {
  background: rgba(36, 134, 185, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(36, 134, 185, 0.2);
  box-shadow: 0 8px 32px rgba(36, 134, 185, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-blue-20 {
  background: rgba(36, 134, 185, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(36, 134, 185, 0.2);
  box-shadow: 0 8px 32px rgba(36, 134, 185, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-blue-30 {
  background: rgba(36, 134, 185, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(36, 134, 185, 0.2);
  box-shadow: 0 8px 32px rgba(36, 134, 185, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-blue-40 {
  background: rgba(36, 134, 185, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(36, 134, 185, 0.2);
  box-shadow: 0 8px 32px rgba(36, 134, 185, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-blue-50 {
  background: rgba(36, 134, 185, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(36, 134, 185, 0.2);
  box-shadow: 0 8px 32px rgba(36, 134, 185, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-blue-60 {
  background: rgba(36, 134, 185, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(36, 134, 185, 0.2);
  box-shadow: 0 8px 32px rgba(36, 134, 185, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-blue-70 {
  background: rgba(36, 134, 185, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(36, 134, 185, 0.2);
  box-shadow: 0 8px 32px rgba(36, 134, 185, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-blue-80 {
  background: rgba(36, 134, 185, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(36, 134, 185, 0.2);
  box-shadow: 0 8px 32px rgba(36, 134, 185, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-blue-90 {
  background: rgba(36, 134, 185, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(36, 134, 185, 0.2);
  box-shadow: 0 8px 32px rgba(36, 134, 185, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-ocean-blue {
  background: rgba(14, 176, 201, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(14, 176, 201, 0.2);
  box-shadow: 0 8px 32px rgba(14, 176, 201, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-ocean-blue-10 {
  background: rgba(14, 176, 201, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(14, 176, 201, 0.2);
  box-shadow: 0 8px 32px rgba(14, 176, 201, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-ocean-blue-20 {
  background: rgba(14, 176, 201, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(14, 176, 201, 0.2);
  box-shadow: 0 8px 32px rgba(14, 176, 201, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-ocean-blue-30 {
  background: rgba(14, 176, 201, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(14, 176, 201, 0.2);
  box-shadow: 0 8px 32px rgba(14, 176, 201, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-ocean-blue-40 {
  background: rgba(14, 176, 201, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(14, 176, 201, 0.2);
  box-shadow: 0 8px 32px rgba(14, 176, 201, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-ocean-blue-50 {
  background: rgba(14, 176, 201, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(14, 176, 201, 0.2);
  box-shadow: 0 8px 32px rgba(14, 176, 201, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-ocean-blue-60 {
  background: rgba(14, 176, 201, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(14, 176, 201, 0.2);
  box-shadow: 0 8px 32px rgba(14, 176, 201, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-ocean-blue-70 {
  background: rgba(14, 176, 201, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(14, 176, 201, 0.2);
  box-shadow: 0 8px 32px rgba(14, 176, 201, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-ocean-blue-80 {
  background: rgba(14, 176, 201, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(14, 176, 201, 0.2);
  box-shadow: 0 8px 32px rgba(14, 176, 201, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-ocean-blue-90 {
  background: rgba(14, 176, 201, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(14, 176, 201, 0.2);
  box-shadow: 0 8px 32px rgba(14, 176, 201, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-deep-blue {
  background: rgba(4, 87, 251, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(4, 87, 251, 0.2);
  box-shadow: 0 8px 32px rgba(4, 87, 251, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-deep-blue-10 {
  background: rgba(4, 87, 251, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(4, 87, 251, 0.2);
  box-shadow: 0 8px 32px rgba(4, 87, 251, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-deep-blue-20 {
  background: rgba(4, 87, 251, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(4, 87, 251, 0.2);
  box-shadow: 0 8px 32px rgba(4, 87, 251, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-deep-blue-30 {
  background: rgba(4, 87, 251, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(4, 87, 251, 0.2);
  box-shadow: 0 8px 32px rgba(4, 87, 251, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-deep-blue-40 {
  background: rgba(4, 87, 251, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(4, 87, 251, 0.2);
  box-shadow: 0 8px 32px rgba(4, 87, 251, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-deep-blue-50 {
  background: rgba(4, 87, 251, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(4, 87, 251, 0.2);
  box-shadow: 0 8px 32px rgba(4, 87, 251, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-deep-blue-60 {
  background: rgba(4, 87, 251, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(4, 87, 251, 0.2);
  box-shadow: 0 8px 32px rgba(4, 87, 251, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-deep-blue-70 {
  background: rgba(4, 87, 251, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(4, 87, 251, 0.2);
  box-shadow: 0 8px 32px rgba(4, 87, 251, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-deep-blue-80 {
  background: rgba(4, 87, 251, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(4, 87, 251, 0.2);
  box-shadow: 0 8px 32px rgba(4, 87, 251, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-deep-blue-90 {
  background: rgba(4, 87, 251, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(4, 87, 251, 0.2);
  box-shadow: 0 8px 32px rgba(4, 87, 251, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-sea-blue {
  background: rgba(1, 112, 227, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(1, 112, 227, 0.2);
  box-shadow: 0 8px 32px rgba(1, 112, 227, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-sea-blue-10 {
  background: rgba(1, 112, 227, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(1, 112, 227, 0.2);
  box-shadow: 0 8px 32px rgba(1, 112, 227, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-sea-blue-20 {
  background: rgba(1, 112, 227, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(1, 112, 227, 0.2);
  box-shadow: 0 8px 32px rgba(1, 112, 227, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-sea-blue-30 {
  background: rgba(1, 112, 227, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(1, 112, 227, 0.2);
  box-shadow: 0 8px 32px rgba(1, 112, 227, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-sea-blue-40 {
  background: rgba(1, 112, 227, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(1, 112, 227, 0.2);
  box-shadow: 0 8px 32px rgba(1, 112, 227, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-sea-blue-50 {
  background: rgba(1, 112, 227, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(1, 112, 227, 0.2);
  box-shadow: 0 8px 32px rgba(1, 112, 227, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-sea-blue-60 {
  background: rgba(1, 112, 227, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(1, 112, 227, 0.2);
  box-shadow: 0 8px 32px rgba(1, 112, 227, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-sea-blue-70 {
  background: rgba(1, 112, 227, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(1, 112, 227, 0.2);
  box-shadow: 0 8px 32px rgba(1, 112, 227, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-sea-blue-80 {
  background: rgba(1, 112, 227, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(1, 112, 227, 0.2);
  box-shadow: 0 8px 32px rgba(1, 112, 227, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-sea-blue-90 {
  background: rgba(1, 112, 227, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(1, 112, 227, 0.2);
  box-shadow: 0 8px 32px rgba(1, 112, 227, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-yellow {
  background: rgba(251, 205, 49, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(251, 205, 49, 0.2);
  box-shadow: 0 8px 32px rgba(251, 205, 49, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-yellow-10 {
  background: rgba(251, 205, 49, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(251, 205, 49, 0.2);
  box-shadow: 0 8px 32px rgba(251, 205, 49, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-yellow-20 {
  background: rgba(251, 205, 49, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(251, 205, 49, 0.2);
  box-shadow: 0 8px 32px rgba(251, 205, 49, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-yellow-30 {
  background: rgba(251, 205, 49, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(251, 205, 49, 0.2);
  box-shadow: 0 8px 32px rgba(251, 205, 49, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-yellow-40 {
  background: rgba(251, 205, 49, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(251, 205, 49, 0.2);
  box-shadow: 0 8px 32px rgba(251, 205, 49, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-yellow-50 {
  background: rgba(251, 205, 49, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(251, 205, 49, 0.2);
  box-shadow: 0 8px 32px rgba(251, 205, 49, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-yellow-60 {
  background: rgba(251, 205, 49, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(251, 205, 49, 0.2);
  box-shadow: 0 8px 32px rgba(251, 205, 49, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-yellow-70 {
  background: rgba(251, 205, 49, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(251, 205, 49, 0.2);
  box-shadow: 0 8px 32px rgba(251, 205, 49, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-yellow-80 {
  background: rgba(251, 205, 49, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(251, 205, 49, 0.2);
  box-shadow: 0 8px 32px rgba(251, 205, 49, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-yellow-90 {
  background: rgba(251, 205, 49, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(251, 205, 49, 0.2);
  box-shadow: 0 8px 32px rgba(251, 205, 49, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-gold {
  background: rgba(252, 195, 7, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(252, 195, 7, 0.2);
  box-shadow: 0 8px 32px rgba(252, 195, 7, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-gold-10 {
  background: rgba(252, 195, 7, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(252, 195, 7, 0.2);
  box-shadow: 0 8px 32px rgba(252, 195, 7, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-gold-20 {
  background: rgba(252, 195, 7, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(252, 195, 7, 0.2);
  box-shadow: 0 8px 32px rgba(252, 195, 7, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-gold-30 {
  background: rgba(252, 195, 7, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(252, 195, 7, 0.2);
  box-shadow: 0 8px 32px rgba(252, 195, 7, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-gold-40 {
  background: rgba(252, 195, 7, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(252, 195, 7, 0.2);
  box-shadow: 0 8px 32px rgba(252, 195, 7, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-gold-50 {
  background: rgba(252, 195, 7, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(252, 195, 7, 0.2);
  box-shadow: 0 8px 32px rgba(252, 195, 7, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-gold-60 {
  background: rgba(252, 195, 7, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(252, 195, 7, 0.2);
  box-shadow: 0 8px 32px rgba(252, 195, 7, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-gold-70 {
  background: rgba(252, 195, 7, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(252, 195, 7, 0.2);
  box-shadow: 0 8px 32px rgba(252, 195, 7, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-gold-80 {
  background: rgba(252, 195, 7, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(252, 195, 7, 0.2);
  box-shadow: 0 8px 32px rgba(252, 195, 7, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-gold-90 {
  background: rgba(252, 195, 7, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(252, 195, 7, 0.2);
  box-shadow: 0 8px 32px rgba(252, 195, 7, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-purple {
  background: rgba(126, 22, 113, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(126, 22, 113, 0.2);
  box-shadow: 0 8px 32px rgba(126, 22, 113, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-purple-10 {
  background: rgba(126, 22, 113, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(126, 22, 113, 0.2);
  box-shadow: 0 8px 32px rgba(126, 22, 113, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-purple-20 {
  background: rgba(126, 22, 113, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(126, 22, 113, 0.2);
  box-shadow: 0 8px 32px rgba(126, 22, 113, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-purple-30 {
  background: rgba(126, 22, 113, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(126, 22, 113, 0.2);
  box-shadow: 0 8px 32px rgba(126, 22, 113, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-purple-40 {
  background: rgba(126, 22, 113, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(126, 22, 113, 0.2);
  box-shadow: 0 8px 32px rgba(126, 22, 113, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-purple-50 {
  background: rgba(126, 22, 113, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(126, 22, 113, 0.2);
  box-shadow: 0 8px 32px rgba(126, 22, 113, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-purple-60 {
  background: rgba(126, 22, 113, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(126, 22, 113, 0.2);
  box-shadow: 0 8px 32px rgba(126, 22, 113, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-purple-70 {
  background: rgba(126, 22, 113, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(126, 22, 113, 0.2);
  box-shadow: 0 8px 32px rgba(126, 22, 113, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-purple-80 {
  background: rgba(126, 22, 113, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(126, 22, 113, 0.2);
  box-shadow: 0 8px 32px rgba(126, 22, 113, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-purple-90 {
  background: rgba(126, 22, 113, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(126, 22, 113, 0.2);
  box-shadow: 0 8px 32px rgba(126, 22, 113, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-lilac {
  background: rgba(128, 109, 158, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(128, 109, 158, 0.2);
  box-shadow: 0 8px 32px rgba(128, 109, 158, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-lilac-10 {
  background: rgba(128, 109, 158, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(128, 109, 158, 0.2);
  box-shadow: 0 8px 32px rgba(128, 109, 158, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-lilac-20 {
  background: rgba(128, 109, 158, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(128, 109, 158, 0.2);
  box-shadow: 0 8px 32px rgba(128, 109, 158, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-lilac-30 {
  background: rgba(128, 109, 158, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(128, 109, 158, 0.2);
  box-shadow: 0 8px 32px rgba(128, 109, 158, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-lilac-40 {
  background: rgba(128, 109, 158, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(128, 109, 158, 0.2);
  box-shadow: 0 8px 32px rgba(128, 109, 158, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-lilac-50 {
  background: rgba(128, 109, 158, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(128, 109, 158, 0.2);
  box-shadow: 0 8px 32px rgba(128, 109, 158, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-lilac-60 {
  background: rgba(128, 109, 158, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(128, 109, 158, 0.2);
  box-shadow: 0 8px 32px rgba(128, 109, 158, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-lilac-70 {
  background: rgba(128, 109, 158, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(128, 109, 158, 0.2);
  box-shadow: 0 8px 32px rgba(128, 109, 158, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-lilac-80 {
  background: rgba(128, 109, 158, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(128, 109, 158, 0.2);
  box-shadow: 0 8px 32px rgba(128, 109, 158, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-lilac-90 {
  background: rgba(128, 109, 158, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(128, 109, 158, 0.2);
  box-shadow: 0 8px 32px rgba(128, 109, 158, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-brown {
  background: rgba(145, 128, 114, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(145, 128, 114, 0.2);
  box-shadow: 0 8px 32px rgba(145, 128, 114, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-brown-10 {
  background: rgba(145, 128, 114, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(145, 128, 114, 0.2);
  box-shadow: 0 8px 32px rgba(145, 128, 114, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-brown-20 {
  background: rgba(145, 128, 114, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(145, 128, 114, 0.2);
  box-shadow: 0 8px 32px rgba(145, 128, 114, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-brown-30 {
  background: rgba(145, 128, 114, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(145, 128, 114, 0.2);
  box-shadow: 0 8px 32px rgba(145, 128, 114, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-brown-40 {
  background: rgba(145, 128, 114, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(145, 128, 114, 0.2);
  box-shadow: 0 8px 32px rgba(145, 128, 114, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-brown-50 {
  background: rgba(145, 128, 114, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(145, 128, 114, 0.2);
  box-shadow: 0 8px 32px rgba(145, 128, 114, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-brown-60 {
  background: rgba(145, 128, 114, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(145, 128, 114, 0.2);
  box-shadow: 0 8px 32px rgba(145, 128, 114, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-brown-70 {
  background: rgba(145, 128, 114, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(145, 128, 114, 0.2);
  box-shadow: 0 8px 32px rgba(145, 128, 114, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-brown-80 {
  background: rgba(145, 128, 114, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(145, 128, 114, 0.2);
  box-shadow: 0 8px 32px rgba(145, 128, 114, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-brown-90 {
  background: rgba(145, 128, 114, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(145, 128, 114, 0.2);
  box-shadow: 0 8px 32px rgba(145, 128, 114, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-pink {
  background: rgba(232, 122, 144, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(232, 122, 144, 0.2);
  box-shadow: 0 8px 32px rgba(232, 122, 144, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-pink-10 {
  background: rgba(232, 122, 144, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(232, 122, 144, 0.2);
  box-shadow: 0 8px 32px rgba(232, 122, 144, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-pink-20 {
  background: rgba(232, 122, 144, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(232, 122, 144, 0.2);
  box-shadow: 0 8px 32px rgba(232, 122, 144, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-pink-30 {
  background: rgba(232, 122, 144, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(232, 122, 144, 0.2);
  box-shadow: 0 8px 32px rgba(232, 122, 144, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-pink-40 {
  background: rgba(232, 122, 144, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(232, 122, 144, 0.2);
  box-shadow: 0 8px 32px rgba(232, 122, 144, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-pink-50 {
  background: rgba(232, 122, 144, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(232, 122, 144, 0.2);
  box-shadow: 0 8px 32px rgba(232, 122, 144, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-pink-60 {
  background: rgba(232, 122, 144, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(232, 122, 144, 0.2);
  box-shadow: 0 8px 32px rgba(232, 122, 144, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-pink-70 {
  background: rgba(232, 122, 144, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(232, 122, 144, 0.2);
  box-shadow: 0 8px 32px rgba(232, 122, 144, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-pink-80 {
  background: rgba(232, 122, 144, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(232, 122, 144, 0.2);
  box-shadow: 0 8px 32px rgba(232, 122, 144, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.glass-pink-90 {
  background: rgba(232, 122, 144, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(232, 122, 144, 0.2);
  box-shadow: 0 8px 32px rgba(232, 122, 144, 0.2);
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}

.blur-5 {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background: rgba(255, 255, 255, 0.3);
  color: white;
}

.blur-6 {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background: rgba(255, 255, 255, 0.3);
  color: white;
}

.blur-7 {
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  background: rgba(255, 255, 255, 0.3);
  color: white;
}

.blur-8 {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background: rgba(255, 255, 255, 0.3);
  color: white;
}

.blur-9 {
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
  background: rgba(255, 255, 255, 0.3);
  color: white;
}

.blur-10 {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: rgba(255, 255, 255, 0.3);
  color: white;
}

.blur-11 {
  -webkit-backdrop-filter: blur(11px);
  backdrop-filter: blur(11px);
  background: rgba(255, 255, 255, 0.3);
  color: white;
}

.blur-12 {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background: rgba(255, 255, 255, 0.3);
  color: white;
}

.blur-13 {
  -webkit-backdrop-filter: blur(13px);
  backdrop-filter: blur(13px);
  background: rgba(255, 255, 255, 0.3);
  color: white;
}

.blur-14 {
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background: rgba(255, 255, 255, 0.3);
  color: white;
}

.blur-15 {
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background: rgba(255, 255, 255, 0.3);
  color: white;
}

.blur-16 {
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background: rgba(255, 255, 255, 0.3);
  color: white;
}

.blur-17 {
  -webkit-backdrop-filter: blur(17px);
  backdrop-filter: blur(17px);
  background: rgba(255, 255, 255, 0.3);
  color: white;
}

.blur-18 {
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  background: rgba(255, 255, 255, 0.3);
  color: white;
}

.blur-19 {
  -webkit-backdrop-filter: blur(19px);
  backdrop-filter: blur(19px);
  background: rgba(255, 255, 255, 0.3);
  color: white;
}

.blur-20 {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background: rgba(255, 255, 255, 0.3);
  color: white;
}

.red {
  background: rgb(222, 49, 49);
  color: white;
}

.red-10 {
  background: rgba(222, 49, 49, 0.1);
  color: white;
}

.red-20 {
  background: rgba(222, 49, 49, 0.2);
  color: white;
}

.red-30 {
  background: rgba(222, 49, 49, 0.3);
  color: white;
}

.red-40 {
  background: rgba(222, 49, 49, 0.4);
  color: white;
}

.red-50 {
  background: rgba(222, 49, 49, 0.5);
  color: white;
}

.red-60 {
  background: rgba(222, 49, 49, 0.6);
  color: white;
}

.red-70 {
  background: rgba(222, 49, 49, 0.7);
  color: white;
}

.red-80 {
  background: rgba(222, 49, 49, 0.8);
  color: white;
}

.red-90 {
  background: rgba(222, 49, 49, 0.9);
  color: white;
}

.orange {
  background: rgb(239, 99, 43);
  color: white;
}

.orange-10 {
  background: rgba(239, 99, 43, 0.1);
  color: white;
}

.orange-20 {
  background: rgba(239, 99, 43, 0.2);
  color: white;
}

.orange-30 {
  background: rgba(239, 99, 43, 0.3);
  color: white;
}

.orange-40 {
  background: rgba(239, 99, 43, 0.4);
  color: white;
}

.orange-50 {
  background: rgba(239, 99, 43, 0.5);
  color: white;
}

.orange-60 {
  background: rgba(239, 99, 43, 0.6);
  color: white;
}

.orange-70 {
  background: rgba(239, 99, 43, 0.7);
  color: white;
}

.orange-80 {
  background: rgba(239, 99, 43, 0.8);
  color: white;
}

.orange-90 {
  background: rgba(239, 99, 43, 0.9);
  color: white;
}

.tangerine {
  background: rgb(250, 126, 35);
  color: white;
}

.tangerine-10 {
  background: rgba(250, 126, 35, 0.1);
  color: white;
}

.tangerine-20 {
  background: rgba(250, 126, 35, 0.2);
  color: white;
}

.tangerine-30 {
  background: rgba(250, 126, 35, 0.3);
  color: white;
}

.tangerine-40 {
  background: rgba(250, 126, 35, 0.4);
  color: white;
}

.tangerine-50 {
  background: rgba(250, 126, 35, 0.5);
  color: white;
}

.tangerine-60 {
  background: rgba(250, 126, 35, 0.6);
  color: white;
}

.tangerine-70 {
  background: rgba(250, 126, 35, 0.7);
  color: white;
}

.tangerine-80 {
  background: rgba(250, 126, 35, 0.8);
  color: white;
}

.tangerine-90 {
  background: rgba(250, 126, 35, 0.9);
  color: white;
}

.green {
  background: rgb(36, 128, 103);
  color: white;
}

.green-10 {
  background: rgba(36, 128, 103, 0.1);
  color: white;
}

.green-20 {
  background: rgba(36, 128, 103, 0.2);
  color: white;
}

.green-30 {
  background: rgba(36, 128, 103, 0.3);
  color: white;
}

.green-40 {
  background: rgba(36, 128, 103, 0.4);
  color: white;
}

.green-50 {
  background: rgba(36, 128, 103, 0.5);
  color: white;
}

.green-60 {
  background: rgba(36, 128, 103, 0.6);
  color: white;
}

.green-70 {
  background: rgba(36, 128, 103, 0.7);
  color: white;
}

.green-80 {
  background: rgba(36, 128, 103, 0.8);
  color: white;
}

.green-90 {
  background: rgba(36, 128, 103, 0.9);
  color: white;
}

.emerald {
  background: rgb(34, 148, 83);
  color: white;
}

.emerald-10 {
  background: rgba(34, 148, 83, 0.1);
  color: white;
}

.emerald-20 {
  background: rgba(34, 148, 83, 0.2);
  color: white;
}

.emerald-30 {
  background: rgba(34, 148, 83, 0.3);
  color: white;
}

.emerald-40 {
  background: rgba(34, 148, 83, 0.4);
  color: white;
}

.emerald-50 {
  background: rgba(34, 148, 83, 0.5);
  color: white;
}

.emerald-60 {
  background: rgba(34, 148, 83, 0.6);
  color: white;
}

.emerald-70 {
  background: rgba(34, 148, 83, 0.7);
  color: white;
}

.emerald-80 {
  background: rgba(34, 148, 83, 0.8);
  color: white;
}

.emerald-90 {
  background: rgba(34, 148, 83, 0.9);
  color: white;
}

.mint {
  background: rgb(32, 161, 98);
  color: white;
}

.mint-10 {
  background: rgba(32, 161, 98, 0.1);
  color: white;
}

.mint-20 {
  background: rgba(32, 161, 98, 0.2);
  color: white;
}

.mint-30 {
  background: rgba(32, 161, 98, 0.3);
  color: white;
}

.mint-40 {
  background: rgba(32, 161, 98, 0.4);
  color: white;
}

.mint-50 {
  background: rgba(32, 161, 98, 0.5);
  color: white;
}

.mint-60 {
  background: rgba(32, 161, 98, 0.6);
  color: white;
}

.mint-70 {
  background: rgba(32, 161, 98, 0.7);
  color: white;
}

.mint-80 {
  background: rgba(32, 161, 98, 0.8);
  color: white;
}

.mint-90 {
  background: rgba(32, 161, 98, 0.9);
  color: white;
}

.blue {
  background: rgb(36, 134, 185);
  color: white;
}

.blue-10 {
  background: rgba(36, 134, 185, 0.1);
  color: white;
}

.blue-20 {
  background: rgba(36, 134, 185, 0.2);
  color: white;
}

.blue-30 {
  background: rgba(36, 134, 185, 0.3);
  color: white;
}

.blue-40 {
  background: rgba(36, 134, 185, 0.4);
  color: white;
}

.blue-50 {
  background: rgba(36, 134, 185, 0.5);
  color: white;
}

.blue-60 {
  background: rgba(36, 134, 185, 0.6);
  color: white;
}

.blue-70 {
  background: rgba(36, 134, 185, 0.7);
  color: white;
}

.blue-80 {
  background: rgba(36, 134, 185, 0.8);
  color: white;
}

.blue-90 {
  background: rgba(36, 134, 185, 0.9);
  color: white;
}

.ocean-blue {
  background: rgb(14, 176, 201);
  color: white;
}

.ocean-blue-10 {
  background: rgba(14, 176, 201, 0.1);
  color: white;
}

.ocean-blue-20 {
  background: rgba(14, 176, 201, 0.2);
  color: white;
}

.ocean-blue-30 {
  background: rgba(14, 176, 201, 0.3);
  color: white;
}

.ocean-blue-40 {
  background: rgba(14, 176, 201, 0.4);
  color: white;
}

.ocean-blue-50 {
  background: rgba(14, 176, 201, 0.5);
  color: white;
}

.ocean-blue-60 {
  background: rgba(14, 176, 201, 0.6);
  color: white;
}

.ocean-blue-70 {
  background: rgba(14, 176, 201, 0.7);
  color: white;
}

.ocean-blue-80 {
  background: rgba(14, 176, 201, 0.8);
  color: white;
}

.ocean-blue-90 {
  background: rgba(14, 176, 201, 0.9);
  color: white;
}

.deep-blue {
  background: rgb(4, 87, 251);
  color: white;
}

.deep-blue-10 {
  background: rgba(4, 87, 251, 0.1);
  color: white;
}

.deep-blue-20 {
  background: rgba(4, 87, 251, 0.2);
  color: white;
}

.deep-blue-30 {
  background: rgba(4, 87, 251, 0.3);
  color: white;
}

.deep-blue-40 {
  background: rgba(4, 87, 251, 0.4);
  color: white;
}

.deep-blue-50 {
  background: rgba(4, 87, 251, 0.5);
  color: white;
}

.deep-blue-60 {
  background: rgba(4, 87, 251, 0.6);
  color: white;
}

.deep-blue-70 {
  background: rgba(4, 87, 251, 0.7);
  color: white;
}

.deep-blue-80 {
  background: rgba(4, 87, 251, 0.8);
  color: white;
}

.deep-blue-90 {
  background: rgba(4, 87, 251, 0.9);
  color: white;
}

.sea-blue {
  background: rgb(1, 112, 227);
  color: white;
}

.sea-blue-10 {
  background: rgba(1, 112, 227, 0.1);
  color: white;
}

.sea-blue-20 {
  background: rgba(1, 112, 227, 0.2);
  color: white;
}

.sea-blue-30 {
  background: rgba(1, 112, 227, 0.3);
  color: white;
}

.sea-blue-40 {
  background: rgba(1, 112, 227, 0.4);
  color: white;
}

.sea-blue-50 {
  background: rgba(1, 112, 227, 0.5);
  color: white;
}

.sea-blue-60 {
  background: rgba(1, 112, 227, 0.6);
  color: white;
}

.sea-blue-70 {
  background: rgba(1, 112, 227, 0.7);
  color: white;
}

.sea-blue-80 {
  background: rgba(1, 112, 227, 0.8);
  color: white;
}

.sea-blue-90 {
  background: rgba(1, 112, 227, 0.9);
  color: white;
}

.yellow {
  background: rgb(251, 205, 49);
  color: white;
}

.yellow-10 {
  background: rgba(251, 205, 49, 0.1);
  color: white;
}

.yellow-20 {
  background: rgba(251, 205, 49, 0.2);
  color: white;
}

.yellow-30 {
  background: rgba(251, 205, 49, 0.3);
  color: white;
}

.yellow-40 {
  background: rgba(251, 205, 49, 0.4);
  color: white;
}

.yellow-50 {
  background: rgba(251, 205, 49, 0.5);
  color: white;
}

.yellow-60 {
  background: rgba(251, 205, 49, 0.6);
  color: white;
}

.yellow-70 {
  background: rgba(251, 205, 49, 0.7);
  color: white;
}

.yellow-80 {
  background: rgba(251, 205, 49, 0.8);
  color: white;
}

.yellow-90 {
  background: rgba(251, 205, 49, 0.9);
  color: white;
}

.gold {
  background: rgb(252, 195, 7);
  color: white;
}

.gold-10 {
  background: rgba(252, 195, 7, 0.1);
  color: white;
}

.gold-20 {
  background: rgba(252, 195, 7, 0.2);
  color: white;
}

.gold-30 {
  background: rgba(252, 195, 7, 0.3);
  color: white;
}

.gold-40 {
  background: rgba(252, 195, 7, 0.4);
  color: white;
}

.gold-50 {
  background: rgba(252, 195, 7, 0.5);
  color: white;
}

.gold-60 {
  background: rgba(252, 195, 7, 0.6);
  color: white;
}

.gold-70 {
  background: rgba(252, 195, 7, 0.7);
  color: white;
}

.gold-80 {
  background: rgba(252, 195, 7, 0.8);
  color: white;
}

.gold-90 {
  background: rgba(252, 195, 7, 0.9);
  color: white;
}

.purple {
  background: rgb(126, 22, 113);
  color: white;
}

.purple-10 {
  background: rgba(126, 22, 113, 0.1);
  color: white;
}

.purple-20 {
  background: rgba(126, 22, 113, 0.2);
  color: white;
}

.purple-30 {
  background: rgba(126, 22, 113, 0.3);
  color: white;
}

.purple-40 {
  background: rgba(126, 22, 113, 0.4);
  color: white;
}

.purple-50 {
  background: rgba(126, 22, 113, 0.5);
  color: white;
}

.purple-60 {
  background: rgba(126, 22, 113, 0.6);
  color: white;
}

.purple-70 {
  background: rgba(126, 22, 113, 0.7);
  color: white;
}

.purple-80 {
  background: rgba(126, 22, 113, 0.8);
  color: white;
}

.purple-90 {
  background: rgba(126, 22, 113, 0.9);
  color: white;
}

.lilac {
  background: rgb(128, 109, 158);
  color: white;
}

.lilac-10 {
  background: rgba(128, 109, 158, 0.1);
  color: white;
}

.lilac-20 {
  background: rgba(128, 109, 158, 0.2);
  color: white;
}

.lilac-30 {
  background: rgba(128, 109, 158, 0.3);
  color: white;
}

.lilac-40 {
  background: rgba(128, 109, 158, 0.4);
  color: white;
}

.lilac-50 {
  background: rgba(128, 109, 158, 0.5);
  color: white;
}

.lilac-60 {
  background: rgba(128, 109, 158, 0.6);
  color: white;
}

.lilac-70 {
  background: rgba(128, 109, 158, 0.7);
  color: white;
}

.lilac-80 {
  background: rgba(128, 109, 158, 0.8);
  color: white;
}

.lilac-90 {
  background: rgba(128, 109, 158, 0.9);
  color: white;
}

.brown {
  background: rgb(145, 128, 114);
  color: white;
}

.brown-10 {
  background: rgba(145, 128, 114, 0.1);
  color: white;
}

.brown-20 {
  background: rgba(145, 128, 114, 0.2);
  color: white;
}

.brown-30 {
  background: rgba(145, 128, 114, 0.3);
  color: white;
}

.brown-40 {
  background: rgba(145, 128, 114, 0.4);
  color: white;
}

.brown-50 {
  background: rgba(145, 128, 114, 0.5);
  color: white;
}

.brown-60 {
  background: rgba(145, 128, 114, 0.6);
  color: white;
}

.brown-70 {
  background: rgba(145, 128, 114, 0.7);
  color: white;
}

.brown-80 {
  background: rgba(145, 128, 114, 0.8);
  color: white;
}

.brown-90 {
  background: rgba(145, 128, 114, 0.9);
  color: white;
}

.pink {
  background: rgb(232, 122, 144);
  color: white;
}

.pink-10 {
  background: rgba(232, 122, 144, 0.1);
  color: white;
}

.pink-20 {
  background: rgba(232, 122, 144, 0.2);
  color: white;
}

.pink-30 {
  background: rgba(232, 122, 144, 0.3);
  color: white;
}

.pink-40 {
  background: rgba(232, 122, 144, 0.4);
  color: white;
}

.pink-50 {
  background: rgba(232, 122, 144, 0.5);
  color: white;
}

.pink-60 {
  background: rgba(232, 122, 144, 0.6);
  color: white;
}

.pink-70 {
  background: rgba(232, 122, 144, 0.7);
  color: white;
}

.pink-80 {
  background: rgba(232, 122, 144, 0.8);
  color: white;
}

.pink-90 {
  background: rgba(232, 122, 144, 0.9);
  color: white;
}

.hover {
  background: white;
  border: 1px solid black;
  transition: background 0.2s;
}
.hover:hover {
  background: black;
  color: white;
}
@media (prefers-color-scheme: light) {
  .hover {
    color: black;
  }
}

.hover-red {
  color: rgb(222, 49, 49);
  border: 1px solid rgb(222, 49, 49);
  transition: all 0.2s;
  background: white;
}
.hover-red:hover {
  background: rgb(222, 49, 49);
  color: white;
  border: 1px solid rgb(222, 49, 49);
}

.hover-tran-red {
  color: rgb(222, 49, 49);
  border: 1px solid rgb(222, 49, 49);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-red:hover {
  background: rgb(222, 49, 49);
  color: white;
  border: 1px solid rgb(222, 49, 49);
}

.hover-red-10 {
  color: rgba(222, 49, 49, 0.1);
  border: 1px solid rgba(222, 49, 49, 0.1);
  transition: all 0.2s;
  background: white;
}
.hover-red-10:hover {
  background: rgba(222, 49, 49, 0.1);
  color: white;
  border: 1px solid rgba(222, 49, 49, 0.1);
}

.hover-tran-red-10 {
  color: rgba(222, 49, 49, 0.1);
  border: 1px solid rgba(222, 49, 49, 0.1);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-red-10:hover {
  background: rgba(222, 49, 49, 0.1);
  color: white;
  border: 1px solid rgba(222, 49, 49, 0.1);
}

.hover-red-20 {
  color: rgba(222, 49, 49, 0.2);
  border: 1px solid rgba(222, 49, 49, 0.2);
  transition: all 0.2s;
  background: white;
}
.hover-red-20:hover {
  background: rgba(222, 49, 49, 0.2);
  color: white;
  border: 1px solid rgba(222, 49, 49, 0.2);
}

.hover-tran-red-20 {
  color: rgba(222, 49, 49, 0.2);
  border: 1px solid rgba(222, 49, 49, 0.2);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-red-20:hover {
  background: rgba(222, 49, 49, 0.2);
  color: white;
  border: 1px solid rgba(222, 49, 49, 0.2);
}

.hover-red-30 {
  color: rgba(222, 49, 49, 0.3);
  border: 1px solid rgba(222, 49, 49, 0.3);
  transition: all 0.2s;
  background: white;
}
.hover-red-30:hover {
  background: rgba(222, 49, 49, 0.3);
  color: white;
  border: 1px solid rgba(222, 49, 49, 0.3);
}

.hover-tran-red-30 {
  color: rgba(222, 49, 49, 0.3);
  border: 1px solid rgba(222, 49, 49, 0.3);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-red-30:hover {
  background: rgba(222, 49, 49, 0.3);
  color: white;
  border: 1px solid rgba(222, 49, 49, 0.3);
}

.hover-red-40 {
  color: rgba(222, 49, 49, 0.4);
  border: 1px solid rgba(222, 49, 49, 0.4);
  transition: all 0.2s;
  background: white;
}
.hover-red-40:hover {
  background: rgba(222, 49, 49, 0.4);
  color: white;
  border: 1px solid rgba(222, 49, 49, 0.4);
}

.hover-tran-red-40 {
  color: rgba(222, 49, 49, 0.4);
  border: 1px solid rgba(222, 49, 49, 0.4);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-red-40:hover {
  background: rgba(222, 49, 49, 0.4);
  color: white;
  border: 1px solid rgba(222, 49, 49, 0.4);
}

.hover-red-50 {
  color: rgba(222, 49, 49, 0.5);
  border: 1px solid rgba(222, 49, 49, 0.5);
  transition: all 0.2s;
  background: white;
}
.hover-red-50:hover {
  background: rgba(222, 49, 49, 0.5);
  color: white;
  border: 1px solid rgba(222, 49, 49, 0.5);
}

.hover-tran-red-50 {
  color: rgba(222, 49, 49, 0.5);
  border: 1px solid rgba(222, 49, 49, 0.5);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-red-50:hover {
  background: rgba(222, 49, 49, 0.5);
  color: white;
  border: 1px solid rgba(222, 49, 49, 0.5);
}

.hover-red-60 {
  color: rgba(222, 49, 49, 0.6);
  border: 1px solid rgba(222, 49, 49, 0.6);
  transition: all 0.2s;
  background: white;
}
.hover-red-60:hover {
  background: rgba(222, 49, 49, 0.6);
  color: white;
  border: 1px solid rgba(222, 49, 49, 0.6);
}

.hover-tran-red-60 {
  color: rgba(222, 49, 49, 0.6);
  border: 1px solid rgba(222, 49, 49, 0.6);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-red-60:hover {
  background: rgba(222, 49, 49, 0.6);
  color: white;
  border: 1px solid rgba(222, 49, 49, 0.6);
}

.hover-red-70 {
  color: rgba(222, 49, 49, 0.7);
  border: 1px solid rgba(222, 49, 49, 0.7);
  transition: all 0.2s;
  background: white;
}
.hover-red-70:hover {
  background: rgba(222, 49, 49, 0.7);
  color: white;
  border: 1px solid rgba(222, 49, 49, 0.7);
}

.hover-tran-red-70 {
  color: rgba(222, 49, 49, 0.7);
  border: 1px solid rgba(222, 49, 49, 0.7);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-red-70:hover {
  background: rgba(222, 49, 49, 0.7);
  color: white;
  border: 1px solid rgba(222, 49, 49, 0.7);
}

.hover-red-80 {
  color: rgba(222, 49, 49, 0.8);
  border: 1px solid rgba(222, 49, 49, 0.8);
  transition: all 0.2s;
  background: white;
}
.hover-red-80:hover {
  background: rgba(222, 49, 49, 0.8);
  color: white;
  border: 1px solid rgba(222, 49, 49, 0.8);
}

.hover-tran-red-80 {
  color: rgba(222, 49, 49, 0.8);
  border: 1px solid rgba(222, 49, 49, 0.8);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-red-80:hover {
  background: rgba(222, 49, 49, 0.8);
  color: white;
  border: 1px solid rgba(222, 49, 49, 0.8);
}

.hover-red-90 {
  color: rgba(222, 49, 49, 0.9);
  border: 1px solid rgba(222, 49, 49, 0.9);
  transition: all 0.2s;
  background: white;
}
.hover-red-90:hover {
  background: rgba(222, 49, 49, 0.9);
  color: white;
  border: 1px solid rgba(222, 49, 49, 0.9);
}

.hover-tran-red-90 {
  color: rgba(222, 49, 49, 0.9);
  border: 1px solid rgba(222, 49, 49, 0.9);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-red-90:hover {
  background: rgba(222, 49, 49, 0.9);
  color: white;
  border: 1px solid rgba(222, 49, 49, 0.9);
}

.hover-orange {
  color: rgb(239, 99, 43);
  border: 1px solid rgb(239, 99, 43);
  transition: all 0.2s;
  background: white;
}
.hover-orange:hover {
  background: rgb(239, 99, 43);
  color: white;
  border: 1px solid rgb(239, 99, 43);
}

.hover-tran-orange {
  color: rgb(239, 99, 43);
  border: 1px solid rgb(239, 99, 43);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-orange:hover {
  background: rgb(239, 99, 43);
  color: white;
  border: 1px solid rgb(239, 99, 43);
}

.hover-orange-10 {
  color: rgba(239, 99, 43, 0.1);
  border: 1px solid rgba(239, 99, 43, 0.1);
  transition: all 0.2s;
  background: white;
}
.hover-orange-10:hover {
  background: rgba(239, 99, 43, 0.1);
  color: white;
  border: 1px solid rgba(239, 99, 43, 0.1);
}

.hover-tran-orange-10 {
  color: rgba(239, 99, 43, 0.1);
  border: 1px solid rgba(239, 99, 43, 0.1);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-orange-10:hover {
  background: rgba(239, 99, 43, 0.1);
  color: white;
  border: 1px solid rgba(239, 99, 43, 0.1);
}

.hover-orange-20 {
  color: rgba(239, 99, 43, 0.2);
  border: 1px solid rgba(239, 99, 43, 0.2);
  transition: all 0.2s;
  background: white;
}
.hover-orange-20:hover {
  background: rgba(239, 99, 43, 0.2);
  color: white;
  border: 1px solid rgba(239, 99, 43, 0.2);
}

.hover-tran-orange-20 {
  color: rgba(239, 99, 43, 0.2);
  border: 1px solid rgba(239, 99, 43, 0.2);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-orange-20:hover {
  background: rgba(239, 99, 43, 0.2);
  color: white;
  border: 1px solid rgba(239, 99, 43, 0.2);
}

.hover-orange-30 {
  color: rgba(239, 99, 43, 0.3);
  border: 1px solid rgba(239, 99, 43, 0.3);
  transition: all 0.2s;
  background: white;
}
.hover-orange-30:hover {
  background: rgba(239, 99, 43, 0.3);
  color: white;
  border: 1px solid rgba(239, 99, 43, 0.3);
}

.hover-tran-orange-30 {
  color: rgba(239, 99, 43, 0.3);
  border: 1px solid rgba(239, 99, 43, 0.3);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-orange-30:hover {
  background: rgba(239, 99, 43, 0.3);
  color: white;
  border: 1px solid rgba(239, 99, 43, 0.3);
}

.hover-orange-40 {
  color: rgba(239, 99, 43, 0.4);
  border: 1px solid rgba(239, 99, 43, 0.4);
  transition: all 0.2s;
  background: white;
}
.hover-orange-40:hover {
  background: rgba(239, 99, 43, 0.4);
  color: white;
  border: 1px solid rgba(239, 99, 43, 0.4);
}

.hover-tran-orange-40 {
  color: rgba(239, 99, 43, 0.4);
  border: 1px solid rgba(239, 99, 43, 0.4);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-orange-40:hover {
  background: rgba(239, 99, 43, 0.4);
  color: white;
  border: 1px solid rgba(239, 99, 43, 0.4);
}

.hover-orange-50 {
  color: rgba(239, 99, 43, 0.5);
  border: 1px solid rgba(239, 99, 43, 0.5);
  transition: all 0.2s;
  background: white;
}
.hover-orange-50:hover {
  background: rgba(239, 99, 43, 0.5);
  color: white;
  border: 1px solid rgba(239, 99, 43, 0.5);
}

.hover-tran-orange-50 {
  color: rgba(239, 99, 43, 0.5);
  border: 1px solid rgba(239, 99, 43, 0.5);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-orange-50:hover {
  background: rgba(239, 99, 43, 0.5);
  color: white;
  border: 1px solid rgba(239, 99, 43, 0.5);
}

.hover-orange-60 {
  color: rgba(239, 99, 43, 0.6);
  border: 1px solid rgba(239, 99, 43, 0.6);
  transition: all 0.2s;
  background: white;
}
.hover-orange-60:hover {
  background: rgba(239, 99, 43, 0.6);
  color: white;
  border: 1px solid rgba(239, 99, 43, 0.6);
}

.hover-tran-orange-60 {
  color: rgba(239, 99, 43, 0.6);
  border: 1px solid rgba(239, 99, 43, 0.6);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-orange-60:hover {
  background: rgba(239, 99, 43, 0.6);
  color: white;
  border: 1px solid rgba(239, 99, 43, 0.6);
}

.hover-orange-70 {
  color: rgba(239, 99, 43, 0.7);
  border: 1px solid rgba(239, 99, 43, 0.7);
  transition: all 0.2s;
  background: white;
}
.hover-orange-70:hover {
  background: rgba(239, 99, 43, 0.7);
  color: white;
  border: 1px solid rgba(239, 99, 43, 0.7);
}

.hover-tran-orange-70 {
  color: rgba(239, 99, 43, 0.7);
  border: 1px solid rgba(239, 99, 43, 0.7);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-orange-70:hover {
  background: rgba(239, 99, 43, 0.7);
  color: white;
  border: 1px solid rgba(239, 99, 43, 0.7);
}

.hover-orange-80 {
  color: rgba(239, 99, 43, 0.8);
  border: 1px solid rgba(239, 99, 43, 0.8);
  transition: all 0.2s;
  background: white;
}
.hover-orange-80:hover {
  background: rgba(239, 99, 43, 0.8);
  color: white;
  border: 1px solid rgba(239, 99, 43, 0.8);
}

.hover-tran-orange-80 {
  color: rgba(239, 99, 43, 0.8);
  border: 1px solid rgba(239, 99, 43, 0.8);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-orange-80:hover {
  background: rgba(239, 99, 43, 0.8);
  color: white;
  border: 1px solid rgba(239, 99, 43, 0.8);
}

.hover-orange-90 {
  color: rgba(239, 99, 43, 0.9);
  border: 1px solid rgba(239, 99, 43, 0.9);
  transition: all 0.2s;
  background: white;
}
.hover-orange-90:hover {
  background: rgba(239, 99, 43, 0.9);
  color: white;
  border: 1px solid rgba(239, 99, 43, 0.9);
}

.hover-tran-orange-90 {
  color: rgba(239, 99, 43, 0.9);
  border: 1px solid rgba(239, 99, 43, 0.9);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-orange-90:hover {
  background: rgba(239, 99, 43, 0.9);
  color: white;
  border: 1px solid rgba(239, 99, 43, 0.9);
}

.hover-tangerine {
  color: rgb(250, 126, 35);
  border: 1px solid rgb(250, 126, 35);
  transition: all 0.2s;
  background: white;
}
.hover-tangerine:hover {
  background: rgb(250, 126, 35);
  color: white;
  border: 1px solid rgb(250, 126, 35);
}

.hover-tran-tangerine {
  color: rgb(250, 126, 35);
  border: 1px solid rgb(250, 126, 35);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-tangerine:hover {
  background: rgb(250, 126, 35);
  color: white;
  border: 1px solid rgb(250, 126, 35);
}

.hover-tangerine-10 {
  color: rgba(250, 126, 35, 0.1);
  border: 1px solid rgba(250, 126, 35, 0.1);
  transition: all 0.2s;
  background: white;
}
.hover-tangerine-10:hover {
  background: rgba(250, 126, 35, 0.1);
  color: white;
  border: 1px solid rgba(250, 126, 35, 0.1);
}

.hover-tran-tangerine-10 {
  color: rgba(250, 126, 35, 0.1);
  border: 1px solid rgba(250, 126, 35, 0.1);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-tangerine-10:hover {
  background: rgba(250, 126, 35, 0.1);
  color: white;
  border: 1px solid rgba(250, 126, 35, 0.1);
}

.hover-tangerine-20 {
  color: rgba(250, 126, 35, 0.2);
  border: 1px solid rgba(250, 126, 35, 0.2);
  transition: all 0.2s;
  background: white;
}
.hover-tangerine-20:hover {
  background: rgba(250, 126, 35, 0.2);
  color: white;
  border: 1px solid rgba(250, 126, 35, 0.2);
}

.hover-tran-tangerine-20 {
  color: rgba(250, 126, 35, 0.2);
  border: 1px solid rgba(250, 126, 35, 0.2);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-tangerine-20:hover {
  background: rgba(250, 126, 35, 0.2);
  color: white;
  border: 1px solid rgba(250, 126, 35, 0.2);
}

.hover-tangerine-30 {
  color: rgba(250, 126, 35, 0.3);
  border: 1px solid rgba(250, 126, 35, 0.3);
  transition: all 0.2s;
  background: white;
}
.hover-tangerine-30:hover {
  background: rgba(250, 126, 35, 0.3);
  color: white;
  border: 1px solid rgba(250, 126, 35, 0.3);
}

.hover-tran-tangerine-30 {
  color: rgba(250, 126, 35, 0.3);
  border: 1px solid rgba(250, 126, 35, 0.3);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-tangerine-30:hover {
  background: rgba(250, 126, 35, 0.3);
  color: white;
  border: 1px solid rgba(250, 126, 35, 0.3);
}

.hover-tangerine-40 {
  color: rgba(250, 126, 35, 0.4);
  border: 1px solid rgba(250, 126, 35, 0.4);
  transition: all 0.2s;
  background: white;
}
.hover-tangerine-40:hover {
  background: rgba(250, 126, 35, 0.4);
  color: white;
  border: 1px solid rgba(250, 126, 35, 0.4);
}

.hover-tran-tangerine-40 {
  color: rgba(250, 126, 35, 0.4);
  border: 1px solid rgba(250, 126, 35, 0.4);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-tangerine-40:hover {
  background: rgba(250, 126, 35, 0.4);
  color: white;
  border: 1px solid rgba(250, 126, 35, 0.4);
}

.hover-tangerine-50 {
  color: rgba(250, 126, 35, 0.5);
  border: 1px solid rgba(250, 126, 35, 0.5);
  transition: all 0.2s;
  background: white;
}
.hover-tangerine-50:hover {
  background: rgba(250, 126, 35, 0.5);
  color: white;
  border: 1px solid rgba(250, 126, 35, 0.5);
}

.hover-tran-tangerine-50 {
  color: rgba(250, 126, 35, 0.5);
  border: 1px solid rgba(250, 126, 35, 0.5);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-tangerine-50:hover {
  background: rgba(250, 126, 35, 0.5);
  color: white;
  border: 1px solid rgba(250, 126, 35, 0.5);
}

.hover-tangerine-60 {
  color: rgba(250, 126, 35, 0.6);
  border: 1px solid rgba(250, 126, 35, 0.6);
  transition: all 0.2s;
  background: white;
}
.hover-tangerine-60:hover {
  background: rgba(250, 126, 35, 0.6);
  color: white;
  border: 1px solid rgba(250, 126, 35, 0.6);
}

.hover-tran-tangerine-60 {
  color: rgba(250, 126, 35, 0.6);
  border: 1px solid rgba(250, 126, 35, 0.6);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-tangerine-60:hover {
  background: rgba(250, 126, 35, 0.6);
  color: white;
  border: 1px solid rgba(250, 126, 35, 0.6);
}

.hover-tangerine-70 {
  color: rgba(250, 126, 35, 0.7);
  border: 1px solid rgba(250, 126, 35, 0.7);
  transition: all 0.2s;
  background: white;
}
.hover-tangerine-70:hover {
  background: rgba(250, 126, 35, 0.7);
  color: white;
  border: 1px solid rgba(250, 126, 35, 0.7);
}

.hover-tran-tangerine-70 {
  color: rgba(250, 126, 35, 0.7);
  border: 1px solid rgba(250, 126, 35, 0.7);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-tangerine-70:hover {
  background: rgba(250, 126, 35, 0.7);
  color: white;
  border: 1px solid rgba(250, 126, 35, 0.7);
}

.hover-tangerine-80 {
  color: rgba(250, 126, 35, 0.8);
  border: 1px solid rgba(250, 126, 35, 0.8);
  transition: all 0.2s;
  background: white;
}
.hover-tangerine-80:hover {
  background: rgba(250, 126, 35, 0.8);
  color: white;
  border: 1px solid rgba(250, 126, 35, 0.8);
}

.hover-tran-tangerine-80 {
  color: rgba(250, 126, 35, 0.8);
  border: 1px solid rgba(250, 126, 35, 0.8);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-tangerine-80:hover {
  background: rgba(250, 126, 35, 0.8);
  color: white;
  border: 1px solid rgba(250, 126, 35, 0.8);
}

.hover-tangerine-90 {
  color: rgba(250, 126, 35, 0.9);
  border: 1px solid rgba(250, 126, 35, 0.9);
  transition: all 0.2s;
  background: white;
}
.hover-tangerine-90:hover {
  background: rgba(250, 126, 35, 0.9);
  color: white;
  border: 1px solid rgba(250, 126, 35, 0.9);
}

.hover-tran-tangerine-90 {
  color: rgba(250, 126, 35, 0.9);
  border: 1px solid rgba(250, 126, 35, 0.9);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-tangerine-90:hover {
  background: rgba(250, 126, 35, 0.9);
  color: white;
  border: 1px solid rgba(250, 126, 35, 0.9);
}

.hover-green {
  color: rgb(36, 128, 103);
  border: 1px solid rgb(36, 128, 103);
  transition: all 0.2s;
  background: white;
}
.hover-green:hover {
  background: rgb(36, 128, 103);
  color: white;
  border: 1px solid rgb(36, 128, 103);
}

.hover-tran-green {
  color: rgb(36, 128, 103);
  border: 1px solid rgb(36, 128, 103);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-green:hover {
  background: rgb(36, 128, 103);
  color: white;
  border: 1px solid rgb(36, 128, 103);
}

.hover-green-10 {
  color: rgba(36, 128, 103, 0.1);
  border: 1px solid rgba(36, 128, 103, 0.1);
  transition: all 0.2s;
  background: white;
}
.hover-green-10:hover {
  background: rgba(36, 128, 103, 0.1);
  color: white;
  border: 1px solid rgba(36, 128, 103, 0.1);
}

.hover-tran-green-10 {
  color: rgba(36, 128, 103, 0.1);
  border: 1px solid rgba(36, 128, 103, 0.1);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-green-10:hover {
  background: rgba(36, 128, 103, 0.1);
  color: white;
  border: 1px solid rgba(36, 128, 103, 0.1);
}

.hover-green-20 {
  color: rgba(36, 128, 103, 0.2);
  border: 1px solid rgba(36, 128, 103, 0.2);
  transition: all 0.2s;
  background: white;
}
.hover-green-20:hover {
  background: rgba(36, 128, 103, 0.2);
  color: white;
  border: 1px solid rgba(36, 128, 103, 0.2);
}

.hover-tran-green-20 {
  color: rgba(36, 128, 103, 0.2);
  border: 1px solid rgba(36, 128, 103, 0.2);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-green-20:hover {
  background: rgba(36, 128, 103, 0.2);
  color: white;
  border: 1px solid rgba(36, 128, 103, 0.2);
}

.hover-green-30 {
  color: rgba(36, 128, 103, 0.3);
  border: 1px solid rgba(36, 128, 103, 0.3);
  transition: all 0.2s;
  background: white;
}
.hover-green-30:hover {
  background: rgba(36, 128, 103, 0.3);
  color: white;
  border: 1px solid rgba(36, 128, 103, 0.3);
}

.hover-tran-green-30 {
  color: rgba(36, 128, 103, 0.3);
  border: 1px solid rgba(36, 128, 103, 0.3);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-green-30:hover {
  background: rgba(36, 128, 103, 0.3);
  color: white;
  border: 1px solid rgba(36, 128, 103, 0.3);
}

.hover-green-40 {
  color: rgba(36, 128, 103, 0.4);
  border: 1px solid rgba(36, 128, 103, 0.4);
  transition: all 0.2s;
  background: white;
}
.hover-green-40:hover {
  background: rgba(36, 128, 103, 0.4);
  color: white;
  border: 1px solid rgba(36, 128, 103, 0.4);
}

.hover-tran-green-40 {
  color: rgba(36, 128, 103, 0.4);
  border: 1px solid rgba(36, 128, 103, 0.4);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-green-40:hover {
  background: rgba(36, 128, 103, 0.4);
  color: white;
  border: 1px solid rgba(36, 128, 103, 0.4);
}

.hover-green-50 {
  color: rgba(36, 128, 103, 0.5);
  border: 1px solid rgba(36, 128, 103, 0.5);
  transition: all 0.2s;
  background: white;
}
.hover-green-50:hover {
  background: rgba(36, 128, 103, 0.5);
  color: white;
  border: 1px solid rgba(36, 128, 103, 0.5);
}

.hover-tran-green-50 {
  color: rgba(36, 128, 103, 0.5);
  border: 1px solid rgba(36, 128, 103, 0.5);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-green-50:hover {
  background: rgba(36, 128, 103, 0.5);
  color: white;
  border: 1px solid rgba(36, 128, 103, 0.5);
}

.hover-green-60 {
  color: rgba(36, 128, 103, 0.6);
  border: 1px solid rgba(36, 128, 103, 0.6);
  transition: all 0.2s;
  background: white;
}
.hover-green-60:hover {
  background: rgba(36, 128, 103, 0.6);
  color: white;
  border: 1px solid rgba(36, 128, 103, 0.6);
}

.hover-tran-green-60 {
  color: rgba(36, 128, 103, 0.6);
  border: 1px solid rgba(36, 128, 103, 0.6);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-green-60:hover {
  background: rgba(36, 128, 103, 0.6);
  color: white;
  border: 1px solid rgba(36, 128, 103, 0.6);
}

.hover-green-70 {
  color: rgba(36, 128, 103, 0.7);
  border: 1px solid rgba(36, 128, 103, 0.7);
  transition: all 0.2s;
  background: white;
}
.hover-green-70:hover {
  background: rgba(36, 128, 103, 0.7);
  color: white;
  border: 1px solid rgba(36, 128, 103, 0.7);
}

.hover-tran-green-70 {
  color: rgba(36, 128, 103, 0.7);
  border: 1px solid rgba(36, 128, 103, 0.7);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-green-70:hover {
  background: rgba(36, 128, 103, 0.7);
  color: white;
  border: 1px solid rgba(36, 128, 103, 0.7);
}

.hover-green-80 {
  color: rgba(36, 128, 103, 0.8);
  border: 1px solid rgba(36, 128, 103, 0.8);
  transition: all 0.2s;
  background: white;
}
.hover-green-80:hover {
  background: rgba(36, 128, 103, 0.8);
  color: white;
  border: 1px solid rgba(36, 128, 103, 0.8);
}

.hover-tran-green-80 {
  color: rgba(36, 128, 103, 0.8);
  border: 1px solid rgba(36, 128, 103, 0.8);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-green-80:hover {
  background: rgba(36, 128, 103, 0.8);
  color: white;
  border: 1px solid rgba(36, 128, 103, 0.8);
}

.hover-green-90 {
  color: rgba(36, 128, 103, 0.9);
  border: 1px solid rgba(36, 128, 103, 0.9);
  transition: all 0.2s;
  background: white;
}
.hover-green-90:hover {
  background: rgba(36, 128, 103, 0.9);
  color: white;
  border: 1px solid rgba(36, 128, 103, 0.9);
}

.hover-tran-green-90 {
  color: rgba(36, 128, 103, 0.9);
  border: 1px solid rgba(36, 128, 103, 0.9);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-green-90:hover {
  background: rgba(36, 128, 103, 0.9);
  color: white;
  border: 1px solid rgba(36, 128, 103, 0.9);
}

.hover-emerald {
  color: rgb(34, 148, 83);
  border: 1px solid rgb(34, 148, 83);
  transition: all 0.2s;
  background: white;
}
.hover-emerald:hover {
  background: rgb(34, 148, 83);
  color: white;
  border: 1px solid rgb(34, 148, 83);
}

.hover-tran-emerald {
  color: rgb(34, 148, 83);
  border: 1px solid rgb(34, 148, 83);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-emerald:hover {
  background: rgb(34, 148, 83);
  color: white;
  border: 1px solid rgb(34, 148, 83);
}

.hover-emerald-10 {
  color: rgba(34, 148, 83, 0.1);
  border: 1px solid rgba(34, 148, 83, 0.1);
  transition: all 0.2s;
  background: white;
}
.hover-emerald-10:hover {
  background: rgba(34, 148, 83, 0.1);
  color: white;
  border: 1px solid rgba(34, 148, 83, 0.1);
}

.hover-tran-emerald-10 {
  color: rgba(34, 148, 83, 0.1);
  border: 1px solid rgba(34, 148, 83, 0.1);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-emerald-10:hover {
  background: rgba(34, 148, 83, 0.1);
  color: white;
  border: 1px solid rgba(34, 148, 83, 0.1);
}

.hover-emerald-20 {
  color: rgba(34, 148, 83, 0.2);
  border: 1px solid rgba(34, 148, 83, 0.2);
  transition: all 0.2s;
  background: white;
}
.hover-emerald-20:hover {
  background: rgba(34, 148, 83, 0.2);
  color: white;
  border: 1px solid rgba(34, 148, 83, 0.2);
}

.hover-tran-emerald-20 {
  color: rgba(34, 148, 83, 0.2);
  border: 1px solid rgba(34, 148, 83, 0.2);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-emerald-20:hover {
  background: rgba(34, 148, 83, 0.2);
  color: white;
  border: 1px solid rgba(34, 148, 83, 0.2);
}

.hover-emerald-30 {
  color: rgba(34, 148, 83, 0.3);
  border: 1px solid rgba(34, 148, 83, 0.3);
  transition: all 0.2s;
  background: white;
}
.hover-emerald-30:hover {
  background: rgba(34, 148, 83, 0.3);
  color: white;
  border: 1px solid rgba(34, 148, 83, 0.3);
}

.hover-tran-emerald-30 {
  color: rgba(34, 148, 83, 0.3);
  border: 1px solid rgba(34, 148, 83, 0.3);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-emerald-30:hover {
  background: rgba(34, 148, 83, 0.3);
  color: white;
  border: 1px solid rgba(34, 148, 83, 0.3);
}

.hover-emerald-40 {
  color: rgba(34, 148, 83, 0.4);
  border: 1px solid rgba(34, 148, 83, 0.4);
  transition: all 0.2s;
  background: white;
}
.hover-emerald-40:hover {
  background: rgba(34, 148, 83, 0.4);
  color: white;
  border: 1px solid rgba(34, 148, 83, 0.4);
}

.hover-tran-emerald-40 {
  color: rgba(34, 148, 83, 0.4);
  border: 1px solid rgba(34, 148, 83, 0.4);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-emerald-40:hover {
  background: rgba(34, 148, 83, 0.4);
  color: white;
  border: 1px solid rgba(34, 148, 83, 0.4);
}

.hover-emerald-50 {
  color: rgba(34, 148, 83, 0.5);
  border: 1px solid rgba(34, 148, 83, 0.5);
  transition: all 0.2s;
  background: white;
}
.hover-emerald-50:hover {
  background: rgba(34, 148, 83, 0.5);
  color: white;
  border: 1px solid rgba(34, 148, 83, 0.5);
}

.hover-tran-emerald-50 {
  color: rgba(34, 148, 83, 0.5);
  border: 1px solid rgba(34, 148, 83, 0.5);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-emerald-50:hover {
  background: rgba(34, 148, 83, 0.5);
  color: white;
  border: 1px solid rgba(34, 148, 83, 0.5);
}

.hover-emerald-60 {
  color: rgba(34, 148, 83, 0.6);
  border: 1px solid rgba(34, 148, 83, 0.6);
  transition: all 0.2s;
  background: white;
}
.hover-emerald-60:hover {
  background: rgba(34, 148, 83, 0.6);
  color: white;
  border: 1px solid rgba(34, 148, 83, 0.6);
}

.hover-tran-emerald-60 {
  color: rgba(34, 148, 83, 0.6);
  border: 1px solid rgba(34, 148, 83, 0.6);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-emerald-60:hover {
  background: rgba(34, 148, 83, 0.6);
  color: white;
  border: 1px solid rgba(34, 148, 83, 0.6);
}

.hover-emerald-70 {
  color: rgba(34, 148, 83, 0.7);
  border: 1px solid rgba(34, 148, 83, 0.7);
  transition: all 0.2s;
  background: white;
}
.hover-emerald-70:hover {
  background: rgba(34, 148, 83, 0.7);
  color: white;
  border: 1px solid rgba(34, 148, 83, 0.7);
}

.hover-tran-emerald-70 {
  color: rgba(34, 148, 83, 0.7);
  border: 1px solid rgba(34, 148, 83, 0.7);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-emerald-70:hover {
  background: rgba(34, 148, 83, 0.7);
  color: white;
  border: 1px solid rgba(34, 148, 83, 0.7);
}

.hover-emerald-80 {
  color: rgba(34, 148, 83, 0.8);
  border: 1px solid rgba(34, 148, 83, 0.8);
  transition: all 0.2s;
  background: white;
}
.hover-emerald-80:hover {
  background: rgba(34, 148, 83, 0.8);
  color: white;
  border: 1px solid rgba(34, 148, 83, 0.8);
}

.hover-tran-emerald-80 {
  color: rgba(34, 148, 83, 0.8);
  border: 1px solid rgba(34, 148, 83, 0.8);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-emerald-80:hover {
  background: rgba(34, 148, 83, 0.8);
  color: white;
  border: 1px solid rgba(34, 148, 83, 0.8);
}

.hover-emerald-90 {
  color: rgba(34, 148, 83, 0.9);
  border: 1px solid rgba(34, 148, 83, 0.9);
  transition: all 0.2s;
  background: white;
}
.hover-emerald-90:hover {
  background: rgba(34, 148, 83, 0.9);
  color: white;
  border: 1px solid rgba(34, 148, 83, 0.9);
}

.hover-tran-emerald-90 {
  color: rgba(34, 148, 83, 0.9);
  border: 1px solid rgba(34, 148, 83, 0.9);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-emerald-90:hover {
  background: rgba(34, 148, 83, 0.9);
  color: white;
  border: 1px solid rgba(34, 148, 83, 0.9);
}

.hover-mint {
  color: rgb(32, 161, 98);
  border: 1px solid rgb(32, 161, 98);
  transition: all 0.2s;
  background: white;
}
.hover-mint:hover {
  background: rgb(32, 161, 98);
  color: white;
  border: 1px solid rgb(32, 161, 98);
}

.hover-tran-mint {
  color: rgb(32, 161, 98);
  border: 1px solid rgb(32, 161, 98);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-mint:hover {
  background: rgb(32, 161, 98);
  color: white;
  border: 1px solid rgb(32, 161, 98);
}

.hover-mint-10 {
  color: rgba(32, 161, 98, 0.1);
  border: 1px solid rgba(32, 161, 98, 0.1);
  transition: all 0.2s;
  background: white;
}
.hover-mint-10:hover {
  background: rgba(32, 161, 98, 0.1);
  color: white;
  border: 1px solid rgba(32, 161, 98, 0.1);
}

.hover-tran-mint-10 {
  color: rgba(32, 161, 98, 0.1);
  border: 1px solid rgba(32, 161, 98, 0.1);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-mint-10:hover {
  background: rgba(32, 161, 98, 0.1);
  color: white;
  border: 1px solid rgba(32, 161, 98, 0.1);
}

.hover-mint-20 {
  color: rgba(32, 161, 98, 0.2);
  border: 1px solid rgba(32, 161, 98, 0.2);
  transition: all 0.2s;
  background: white;
}
.hover-mint-20:hover {
  background: rgba(32, 161, 98, 0.2);
  color: white;
  border: 1px solid rgba(32, 161, 98, 0.2);
}

.hover-tran-mint-20 {
  color: rgba(32, 161, 98, 0.2);
  border: 1px solid rgba(32, 161, 98, 0.2);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-mint-20:hover {
  background: rgba(32, 161, 98, 0.2);
  color: white;
  border: 1px solid rgba(32, 161, 98, 0.2);
}

.hover-mint-30 {
  color: rgba(32, 161, 98, 0.3);
  border: 1px solid rgba(32, 161, 98, 0.3);
  transition: all 0.2s;
  background: white;
}
.hover-mint-30:hover {
  background: rgba(32, 161, 98, 0.3);
  color: white;
  border: 1px solid rgba(32, 161, 98, 0.3);
}

.hover-tran-mint-30 {
  color: rgba(32, 161, 98, 0.3);
  border: 1px solid rgba(32, 161, 98, 0.3);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-mint-30:hover {
  background: rgba(32, 161, 98, 0.3);
  color: white;
  border: 1px solid rgba(32, 161, 98, 0.3);
}

.hover-mint-40 {
  color: rgba(32, 161, 98, 0.4);
  border: 1px solid rgba(32, 161, 98, 0.4);
  transition: all 0.2s;
  background: white;
}
.hover-mint-40:hover {
  background: rgba(32, 161, 98, 0.4);
  color: white;
  border: 1px solid rgba(32, 161, 98, 0.4);
}

.hover-tran-mint-40 {
  color: rgba(32, 161, 98, 0.4);
  border: 1px solid rgba(32, 161, 98, 0.4);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-mint-40:hover {
  background: rgba(32, 161, 98, 0.4);
  color: white;
  border: 1px solid rgba(32, 161, 98, 0.4);
}

.hover-mint-50 {
  color: rgba(32, 161, 98, 0.5);
  border: 1px solid rgba(32, 161, 98, 0.5);
  transition: all 0.2s;
  background: white;
}
.hover-mint-50:hover {
  background: rgba(32, 161, 98, 0.5);
  color: white;
  border: 1px solid rgba(32, 161, 98, 0.5);
}

.hover-tran-mint-50 {
  color: rgba(32, 161, 98, 0.5);
  border: 1px solid rgba(32, 161, 98, 0.5);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-mint-50:hover {
  background: rgba(32, 161, 98, 0.5);
  color: white;
  border: 1px solid rgba(32, 161, 98, 0.5);
}

.hover-mint-60 {
  color: rgba(32, 161, 98, 0.6);
  border: 1px solid rgba(32, 161, 98, 0.6);
  transition: all 0.2s;
  background: white;
}
.hover-mint-60:hover {
  background: rgba(32, 161, 98, 0.6);
  color: white;
  border: 1px solid rgba(32, 161, 98, 0.6);
}

.hover-tran-mint-60 {
  color: rgba(32, 161, 98, 0.6);
  border: 1px solid rgba(32, 161, 98, 0.6);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-mint-60:hover {
  background: rgba(32, 161, 98, 0.6);
  color: white;
  border: 1px solid rgba(32, 161, 98, 0.6);
}

.hover-mint-70 {
  color: rgba(32, 161, 98, 0.7);
  border: 1px solid rgba(32, 161, 98, 0.7);
  transition: all 0.2s;
  background: white;
}
.hover-mint-70:hover {
  background: rgba(32, 161, 98, 0.7);
  color: white;
  border: 1px solid rgba(32, 161, 98, 0.7);
}

.hover-tran-mint-70 {
  color: rgba(32, 161, 98, 0.7);
  border: 1px solid rgba(32, 161, 98, 0.7);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-mint-70:hover {
  background: rgba(32, 161, 98, 0.7);
  color: white;
  border: 1px solid rgba(32, 161, 98, 0.7);
}

.hover-mint-80 {
  color: rgba(32, 161, 98, 0.8);
  border: 1px solid rgba(32, 161, 98, 0.8);
  transition: all 0.2s;
  background: white;
}
.hover-mint-80:hover {
  background: rgba(32, 161, 98, 0.8);
  color: white;
  border: 1px solid rgba(32, 161, 98, 0.8);
}

.hover-tran-mint-80 {
  color: rgba(32, 161, 98, 0.8);
  border: 1px solid rgba(32, 161, 98, 0.8);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-mint-80:hover {
  background: rgba(32, 161, 98, 0.8);
  color: white;
  border: 1px solid rgba(32, 161, 98, 0.8);
}

.hover-mint-90 {
  color: rgba(32, 161, 98, 0.9);
  border: 1px solid rgba(32, 161, 98, 0.9);
  transition: all 0.2s;
  background: white;
}
.hover-mint-90:hover {
  background: rgba(32, 161, 98, 0.9);
  color: white;
  border: 1px solid rgba(32, 161, 98, 0.9);
}

.hover-tran-mint-90 {
  color: rgba(32, 161, 98, 0.9);
  border: 1px solid rgba(32, 161, 98, 0.9);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-mint-90:hover {
  background: rgba(32, 161, 98, 0.9);
  color: white;
  border: 1px solid rgba(32, 161, 98, 0.9);
}

.hover-blue {
  color: rgb(36, 134, 185);
  border: 1px solid rgb(36, 134, 185);
  transition: all 0.2s;
  background: white;
}
.hover-blue:hover {
  background: rgb(36, 134, 185);
  color: white;
  border: 1px solid rgb(36, 134, 185);
}

.hover-tran-blue {
  color: rgb(36, 134, 185);
  border: 1px solid rgb(36, 134, 185);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-blue:hover {
  background: rgb(36, 134, 185);
  color: white;
  border: 1px solid rgb(36, 134, 185);
}

.hover-blue-10 {
  color: rgba(36, 134, 185, 0.1);
  border: 1px solid rgba(36, 134, 185, 0.1);
  transition: all 0.2s;
  background: white;
}
.hover-blue-10:hover {
  background: rgba(36, 134, 185, 0.1);
  color: white;
  border: 1px solid rgba(36, 134, 185, 0.1);
}

.hover-tran-blue-10 {
  color: rgba(36, 134, 185, 0.1);
  border: 1px solid rgba(36, 134, 185, 0.1);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-blue-10:hover {
  background: rgba(36, 134, 185, 0.1);
  color: white;
  border: 1px solid rgba(36, 134, 185, 0.1);
}

.hover-blue-20 {
  color: rgba(36, 134, 185, 0.2);
  border: 1px solid rgba(36, 134, 185, 0.2);
  transition: all 0.2s;
  background: white;
}
.hover-blue-20:hover {
  background: rgba(36, 134, 185, 0.2);
  color: white;
  border: 1px solid rgba(36, 134, 185, 0.2);
}

.hover-tran-blue-20 {
  color: rgba(36, 134, 185, 0.2);
  border: 1px solid rgba(36, 134, 185, 0.2);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-blue-20:hover {
  background: rgba(36, 134, 185, 0.2);
  color: white;
  border: 1px solid rgba(36, 134, 185, 0.2);
}

.hover-blue-30 {
  color: rgba(36, 134, 185, 0.3);
  border: 1px solid rgba(36, 134, 185, 0.3);
  transition: all 0.2s;
  background: white;
}
.hover-blue-30:hover {
  background: rgba(36, 134, 185, 0.3);
  color: white;
  border: 1px solid rgba(36, 134, 185, 0.3);
}

.hover-tran-blue-30 {
  color: rgba(36, 134, 185, 0.3);
  border: 1px solid rgba(36, 134, 185, 0.3);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-blue-30:hover {
  background: rgba(36, 134, 185, 0.3);
  color: white;
  border: 1px solid rgba(36, 134, 185, 0.3);
}

.hover-blue-40 {
  color: rgba(36, 134, 185, 0.4);
  border: 1px solid rgba(36, 134, 185, 0.4);
  transition: all 0.2s;
  background: white;
}
.hover-blue-40:hover {
  background: rgba(36, 134, 185, 0.4);
  color: white;
  border: 1px solid rgba(36, 134, 185, 0.4);
}

.hover-tran-blue-40 {
  color: rgba(36, 134, 185, 0.4);
  border: 1px solid rgba(36, 134, 185, 0.4);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-blue-40:hover {
  background: rgba(36, 134, 185, 0.4);
  color: white;
  border: 1px solid rgba(36, 134, 185, 0.4);
}

.hover-blue-50 {
  color: rgba(36, 134, 185, 0.5);
  border: 1px solid rgba(36, 134, 185, 0.5);
  transition: all 0.2s;
  background: white;
}
.hover-blue-50:hover {
  background: rgba(36, 134, 185, 0.5);
  color: white;
  border: 1px solid rgba(36, 134, 185, 0.5);
}

.hover-tran-blue-50 {
  color: rgba(36, 134, 185, 0.5);
  border: 1px solid rgba(36, 134, 185, 0.5);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-blue-50:hover {
  background: rgba(36, 134, 185, 0.5);
  color: white;
  border: 1px solid rgba(36, 134, 185, 0.5);
}

.hover-blue-60 {
  color: rgba(36, 134, 185, 0.6);
  border: 1px solid rgba(36, 134, 185, 0.6);
  transition: all 0.2s;
  background: white;
}
.hover-blue-60:hover {
  background: rgba(36, 134, 185, 0.6);
  color: white;
  border: 1px solid rgba(36, 134, 185, 0.6);
}

.hover-tran-blue-60 {
  color: rgba(36, 134, 185, 0.6);
  border: 1px solid rgba(36, 134, 185, 0.6);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-blue-60:hover {
  background: rgba(36, 134, 185, 0.6);
  color: white;
  border: 1px solid rgba(36, 134, 185, 0.6);
}

.hover-blue-70 {
  color: rgba(36, 134, 185, 0.7);
  border: 1px solid rgba(36, 134, 185, 0.7);
  transition: all 0.2s;
  background: white;
}
.hover-blue-70:hover {
  background: rgba(36, 134, 185, 0.7);
  color: white;
  border: 1px solid rgba(36, 134, 185, 0.7);
}

.hover-tran-blue-70 {
  color: rgba(36, 134, 185, 0.7);
  border: 1px solid rgba(36, 134, 185, 0.7);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-blue-70:hover {
  background: rgba(36, 134, 185, 0.7);
  color: white;
  border: 1px solid rgba(36, 134, 185, 0.7);
}

.hover-blue-80 {
  color: rgba(36, 134, 185, 0.8);
  border: 1px solid rgba(36, 134, 185, 0.8);
  transition: all 0.2s;
  background: white;
}
.hover-blue-80:hover {
  background: rgba(36, 134, 185, 0.8);
  color: white;
  border: 1px solid rgba(36, 134, 185, 0.8);
}

.hover-tran-blue-80 {
  color: rgba(36, 134, 185, 0.8);
  border: 1px solid rgba(36, 134, 185, 0.8);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-blue-80:hover {
  background: rgba(36, 134, 185, 0.8);
  color: white;
  border: 1px solid rgba(36, 134, 185, 0.8);
}

.hover-blue-90 {
  color: rgba(36, 134, 185, 0.9);
  border: 1px solid rgba(36, 134, 185, 0.9);
  transition: all 0.2s;
  background: white;
}
.hover-blue-90:hover {
  background: rgba(36, 134, 185, 0.9);
  color: white;
  border: 1px solid rgba(36, 134, 185, 0.9);
}

.hover-tran-blue-90 {
  color: rgba(36, 134, 185, 0.9);
  border: 1px solid rgba(36, 134, 185, 0.9);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-blue-90:hover {
  background: rgba(36, 134, 185, 0.9);
  color: white;
  border: 1px solid rgba(36, 134, 185, 0.9);
}

.hover-ocean-blue {
  color: rgb(14, 176, 201);
  border: 1px solid rgb(14, 176, 201);
  transition: all 0.2s;
  background: white;
}
.hover-ocean-blue:hover {
  background: rgb(14, 176, 201);
  color: white;
  border: 1px solid rgb(14, 176, 201);
}

.hover-tran-ocean-blue {
  color: rgb(14, 176, 201);
  border: 1px solid rgb(14, 176, 201);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-ocean-blue:hover {
  background: rgb(14, 176, 201);
  color: white;
  border: 1px solid rgb(14, 176, 201);
}

.hover-ocean-blue-10 {
  color: rgba(14, 176, 201, 0.1);
  border: 1px solid rgba(14, 176, 201, 0.1);
  transition: all 0.2s;
  background: white;
}
.hover-ocean-blue-10:hover {
  background: rgba(14, 176, 201, 0.1);
  color: white;
  border: 1px solid rgba(14, 176, 201, 0.1);
}

.hover-tran-ocean-blue-10 {
  color: rgba(14, 176, 201, 0.1);
  border: 1px solid rgba(14, 176, 201, 0.1);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-ocean-blue-10:hover {
  background: rgba(14, 176, 201, 0.1);
  color: white;
  border: 1px solid rgba(14, 176, 201, 0.1);
}

.hover-ocean-blue-20 {
  color: rgba(14, 176, 201, 0.2);
  border: 1px solid rgba(14, 176, 201, 0.2);
  transition: all 0.2s;
  background: white;
}
.hover-ocean-blue-20:hover {
  background: rgba(14, 176, 201, 0.2);
  color: white;
  border: 1px solid rgba(14, 176, 201, 0.2);
}

.hover-tran-ocean-blue-20 {
  color: rgba(14, 176, 201, 0.2);
  border: 1px solid rgba(14, 176, 201, 0.2);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-ocean-blue-20:hover {
  background: rgba(14, 176, 201, 0.2);
  color: white;
  border: 1px solid rgba(14, 176, 201, 0.2);
}

.hover-ocean-blue-30 {
  color: rgba(14, 176, 201, 0.3);
  border: 1px solid rgba(14, 176, 201, 0.3);
  transition: all 0.2s;
  background: white;
}
.hover-ocean-blue-30:hover {
  background: rgba(14, 176, 201, 0.3);
  color: white;
  border: 1px solid rgba(14, 176, 201, 0.3);
}

.hover-tran-ocean-blue-30 {
  color: rgba(14, 176, 201, 0.3);
  border: 1px solid rgba(14, 176, 201, 0.3);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-ocean-blue-30:hover {
  background: rgba(14, 176, 201, 0.3);
  color: white;
  border: 1px solid rgba(14, 176, 201, 0.3);
}

.hover-ocean-blue-40 {
  color: rgba(14, 176, 201, 0.4);
  border: 1px solid rgba(14, 176, 201, 0.4);
  transition: all 0.2s;
  background: white;
}
.hover-ocean-blue-40:hover {
  background: rgba(14, 176, 201, 0.4);
  color: white;
  border: 1px solid rgba(14, 176, 201, 0.4);
}

.hover-tran-ocean-blue-40 {
  color: rgba(14, 176, 201, 0.4);
  border: 1px solid rgba(14, 176, 201, 0.4);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-ocean-blue-40:hover {
  background: rgba(14, 176, 201, 0.4);
  color: white;
  border: 1px solid rgba(14, 176, 201, 0.4);
}

.hover-ocean-blue-50 {
  color: rgba(14, 176, 201, 0.5);
  border: 1px solid rgba(14, 176, 201, 0.5);
  transition: all 0.2s;
  background: white;
}
.hover-ocean-blue-50:hover {
  background: rgba(14, 176, 201, 0.5);
  color: white;
  border: 1px solid rgba(14, 176, 201, 0.5);
}

.hover-tran-ocean-blue-50 {
  color: rgba(14, 176, 201, 0.5);
  border: 1px solid rgba(14, 176, 201, 0.5);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-ocean-blue-50:hover {
  background: rgba(14, 176, 201, 0.5);
  color: white;
  border: 1px solid rgba(14, 176, 201, 0.5);
}

.hover-ocean-blue-60 {
  color: rgba(14, 176, 201, 0.6);
  border: 1px solid rgba(14, 176, 201, 0.6);
  transition: all 0.2s;
  background: white;
}
.hover-ocean-blue-60:hover {
  background: rgba(14, 176, 201, 0.6);
  color: white;
  border: 1px solid rgba(14, 176, 201, 0.6);
}

.hover-tran-ocean-blue-60 {
  color: rgba(14, 176, 201, 0.6);
  border: 1px solid rgba(14, 176, 201, 0.6);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-ocean-blue-60:hover {
  background: rgba(14, 176, 201, 0.6);
  color: white;
  border: 1px solid rgba(14, 176, 201, 0.6);
}

.hover-ocean-blue-70 {
  color: rgba(14, 176, 201, 0.7);
  border: 1px solid rgba(14, 176, 201, 0.7);
  transition: all 0.2s;
  background: white;
}
.hover-ocean-blue-70:hover {
  background: rgba(14, 176, 201, 0.7);
  color: white;
  border: 1px solid rgba(14, 176, 201, 0.7);
}

.hover-tran-ocean-blue-70 {
  color: rgba(14, 176, 201, 0.7);
  border: 1px solid rgba(14, 176, 201, 0.7);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-ocean-blue-70:hover {
  background: rgba(14, 176, 201, 0.7);
  color: white;
  border: 1px solid rgba(14, 176, 201, 0.7);
}

.hover-ocean-blue-80 {
  color: rgba(14, 176, 201, 0.8);
  border: 1px solid rgba(14, 176, 201, 0.8);
  transition: all 0.2s;
  background: white;
}
.hover-ocean-blue-80:hover {
  background: rgba(14, 176, 201, 0.8);
  color: white;
  border: 1px solid rgba(14, 176, 201, 0.8);
}

.hover-tran-ocean-blue-80 {
  color: rgba(14, 176, 201, 0.8);
  border: 1px solid rgba(14, 176, 201, 0.8);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-ocean-blue-80:hover {
  background: rgba(14, 176, 201, 0.8);
  color: white;
  border: 1px solid rgba(14, 176, 201, 0.8);
}

.hover-ocean-blue-90 {
  color: rgba(14, 176, 201, 0.9);
  border: 1px solid rgba(14, 176, 201, 0.9);
  transition: all 0.2s;
  background: white;
}
.hover-ocean-blue-90:hover {
  background: rgba(14, 176, 201, 0.9);
  color: white;
  border: 1px solid rgba(14, 176, 201, 0.9);
}

.hover-tran-ocean-blue-90 {
  color: rgba(14, 176, 201, 0.9);
  border: 1px solid rgba(14, 176, 201, 0.9);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-ocean-blue-90:hover {
  background: rgba(14, 176, 201, 0.9);
  color: white;
  border: 1px solid rgba(14, 176, 201, 0.9);
}

.hover-deep-blue {
  color: rgb(4, 87, 251);
  border: 1px solid rgb(4, 87, 251);
  transition: all 0.2s;
  background: white;
}
.hover-deep-blue:hover {
  background: rgb(4, 87, 251);
  color: white;
  border: 1px solid rgb(4, 87, 251);
}

.hover-tran-deep-blue {
  color: rgb(4, 87, 251);
  border: 1px solid rgb(4, 87, 251);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-deep-blue:hover {
  background: rgb(4, 87, 251);
  color: white;
  border: 1px solid rgb(4, 87, 251);
}

.hover-deep-blue-10 {
  color: rgba(4, 87, 251, 0.1);
  border: 1px solid rgba(4, 87, 251, 0.1);
  transition: all 0.2s;
  background: white;
}
.hover-deep-blue-10:hover {
  background: rgba(4, 87, 251, 0.1);
  color: white;
  border: 1px solid rgba(4, 87, 251, 0.1);
}

.hover-tran-deep-blue-10 {
  color: rgba(4, 87, 251, 0.1);
  border: 1px solid rgba(4, 87, 251, 0.1);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-deep-blue-10:hover {
  background: rgba(4, 87, 251, 0.1);
  color: white;
  border: 1px solid rgba(4, 87, 251, 0.1);
}

.hover-deep-blue-20 {
  color: rgba(4, 87, 251, 0.2);
  border: 1px solid rgba(4, 87, 251, 0.2);
  transition: all 0.2s;
  background: white;
}
.hover-deep-blue-20:hover {
  background: rgba(4, 87, 251, 0.2);
  color: white;
  border: 1px solid rgba(4, 87, 251, 0.2);
}

.hover-tran-deep-blue-20 {
  color: rgba(4, 87, 251, 0.2);
  border: 1px solid rgba(4, 87, 251, 0.2);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-deep-blue-20:hover {
  background: rgba(4, 87, 251, 0.2);
  color: white;
  border: 1px solid rgba(4, 87, 251, 0.2);
}

.hover-deep-blue-30 {
  color: rgba(4, 87, 251, 0.3);
  border: 1px solid rgba(4, 87, 251, 0.3);
  transition: all 0.2s;
  background: white;
}
.hover-deep-blue-30:hover {
  background: rgba(4, 87, 251, 0.3);
  color: white;
  border: 1px solid rgba(4, 87, 251, 0.3);
}

.hover-tran-deep-blue-30 {
  color: rgba(4, 87, 251, 0.3);
  border: 1px solid rgba(4, 87, 251, 0.3);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-deep-blue-30:hover {
  background: rgba(4, 87, 251, 0.3);
  color: white;
  border: 1px solid rgba(4, 87, 251, 0.3);
}

.hover-deep-blue-40 {
  color: rgba(4, 87, 251, 0.4);
  border: 1px solid rgba(4, 87, 251, 0.4);
  transition: all 0.2s;
  background: white;
}
.hover-deep-blue-40:hover {
  background: rgba(4, 87, 251, 0.4);
  color: white;
  border: 1px solid rgba(4, 87, 251, 0.4);
}

.hover-tran-deep-blue-40 {
  color: rgba(4, 87, 251, 0.4);
  border: 1px solid rgba(4, 87, 251, 0.4);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-deep-blue-40:hover {
  background: rgba(4, 87, 251, 0.4);
  color: white;
  border: 1px solid rgba(4, 87, 251, 0.4);
}

.hover-deep-blue-50 {
  color: rgba(4, 87, 251, 0.5);
  border: 1px solid rgba(4, 87, 251, 0.5);
  transition: all 0.2s;
  background: white;
}
.hover-deep-blue-50:hover {
  background: rgba(4, 87, 251, 0.5);
  color: white;
  border: 1px solid rgba(4, 87, 251, 0.5);
}

.hover-tran-deep-blue-50 {
  color: rgba(4, 87, 251, 0.5);
  border: 1px solid rgba(4, 87, 251, 0.5);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-deep-blue-50:hover {
  background: rgba(4, 87, 251, 0.5);
  color: white;
  border: 1px solid rgba(4, 87, 251, 0.5);
}

.hover-deep-blue-60 {
  color: rgba(4, 87, 251, 0.6);
  border: 1px solid rgba(4, 87, 251, 0.6);
  transition: all 0.2s;
  background: white;
}
.hover-deep-blue-60:hover {
  background: rgba(4, 87, 251, 0.6);
  color: white;
  border: 1px solid rgba(4, 87, 251, 0.6);
}

.hover-tran-deep-blue-60 {
  color: rgba(4, 87, 251, 0.6);
  border: 1px solid rgba(4, 87, 251, 0.6);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-deep-blue-60:hover {
  background: rgba(4, 87, 251, 0.6);
  color: white;
  border: 1px solid rgba(4, 87, 251, 0.6);
}

.hover-deep-blue-70 {
  color: rgba(4, 87, 251, 0.7);
  border: 1px solid rgba(4, 87, 251, 0.7);
  transition: all 0.2s;
  background: white;
}
.hover-deep-blue-70:hover {
  background: rgba(4, 87, 251, 0.7);
  color: white;
  border: 1px solid rgba(4, 87, 251, 0.7);
}

.hover-tran-deep-blue-70 {
  color: rgba(4, 87, 251, 0.7);
  border: 1px solid rgba(4, 87, 251, 0.7);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-deep-blue-70:hover {
  background: rgba(4, 87, 251, 0.7);
  color: white;
  border: 1px solid rgba(4, 87, 251, 0.7);
}

.hover-deep-blue-80 {
  color: rgba(4, 87, 251, 0.8);
  border: 1px solid rgba(4, 87, 251, 0.8);
  transition: all 0.2s;
  background: white;
}
.hover-deep-blue-80:hover {
  background: rgba(4, 87, 251, 0.8);
  color: white;
  border: 1px solid rgba(4, 87, 251, 0.8);
}

.hover-tran-deep-blue-80 {
  color: rgba(4, 87, 251, 0.8);
  border: 1px solid rgba(4, 87, 251, 0.8);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-deep-blue-80:hover {
  background: rgba(4, 87, 251, 0.8);
  color: white;
  border: 1px solid rgba(4, 87, 251, 0.8);
}

.hover-deep-blue-90 {
  color: rgba(4, 87, 251, 0.9);
  border: 1px solid rgba(4, 87, 251, 0.9);
  transition: all 0.2s;
  background: white;
}
.hover-deep-blue-90:hover {
  background: rgba(4, 87, 251, 0.9);
  color: white;
  border: 1px solid rgba(4, 87, 251, 0.9);
}

.hover-tran-deep-blue-90 {
  color: rgba(4, 87, 251, 0.9);
  border: 1px solid rgba(4, 87, 251, 0.9);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-deep-blue-90:hover {
  background: rgba(4, 87, 251, 0.9);
  color: white;
  border: 1px solid rgba(4, 87, 251, 0.9);
}

.hover-sea-blue {
  color: rgb(1, 112, 227);
  border: 1px solid rgb(1, 112, 227);
  transition: all 0.2s;
  background: white;
}
.hover-sea-blue:hover {
  background: rgb(1, 112, 227);
  color: white;
  border: 1px solid rgb(1, 112, 227);
}

.hover-tran-sea-blue {
  color: rgb(1, 112, 227);
  border: 1px solid rgb(1, 112, 227);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-sea-blue:hover {
  background: rgb(1, 112, 227);
  color: white;
  border: 1px solid rgb(1, 112, 227);
}

.hover-sea-blue-10 {
  color: rgba(1, 112, 227, 0.1);
  border: 1px solid rgba(1, 112, 227, 0.1);
  transition: all 0.2s;
  background: white;
}
.hover-sea-blue-10:hover {
  background: rgba(1, 112, 227, 0.1);
  color: white;
  border: 1px solid rgba(1, 112, 227, 0.1);
}

.hover-tran-sea-blue-10 {
  color: rgba(1, 112, 227, 0.1);
  border: 1px solid rgba(1, 112, 227, 0.1);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-sea-blue-10:hover {
  background: rgba(1, 112, 227, 0.1);
  color: white;
  border: 1px solid rgba(1, 112, 227, 0.1);
}

.hover-sea-blue-20 {
  color: rgba(1, 112, 227, 0.2);
  border: 1px solid rgba(1, 112, 227, 0.2);
  transition: all 0.2s;
  background: white;
}
.hover-sea-blue-20:hover {
  background: rgba(1, 112, 227, 0.2);
  color: white;
  border: 1px solid rgba(1, 112, 227, 0.2);
}

.hover-tran-sea-blue-20 {
  color: rgba(1, 112, 227, 0.2);
  border: 1px solid rgba(1, 112, 227, 0.2);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-sea-blue-20:hover {
  background: rgba(1, 112, 227, 0.2);
  color: white;
  border: 1px solid rgba(1, 112, 227, 0.2);
}

.hover-sea-blue-30 {
  color: rgba(1, 112, 227, 0.3);
  border: 1px solid rgba(1, 112, 227, 0.3);
  transition: all 0.2s;
  background: white;
}
.hover-sea-blue-30:hover {
  background: rgba(1, 112, 227, 0.3);
  color: white;
  border: 1px solid rgba(1, 112, 227, 0.3);
}

.hover-tran-sea-blue-30 {
  color: rgba(1, 112, 227, 0.3);
  border: 1px solid rgba(1, 112, 227, 0.3);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-sea-blue-30:hover {
  background: rgba(1, 112, 227, 0.3);
  color: white;
  border: 1px solid rgba(1, 112, 227, 0.3);
}

.hover-sea-blue-40 {
  color: rgba(1, 112, 227, 0.4);
  border: 1px solid rgba(1, 112, 227, 0.4);
  transition: all 0.2s;
  background: white;
}
.hover-sea-blue-40:hover {
  background: rgba(1, 112, 227, 0.4);
  color: white;
  border: 1px solid rgba(1, 112, 227, 0.4);
}

.hover-tran-sea-blue-40 {
  color: rgba(1, 112, 227, 0.4);
  border: 1px solid rgba(1, 112, 227, 0.4);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-sea-blue-40:hover {
  background: rgba(1, 112, 227, 0.4);
  color: white;
  border: 1px solid rgba(1, 112, 227, 0.4);
}

.hover-sea-blue-50 {
  color: rgba(1, 112, 227, 0.5);
  border: 1px solid rgba(1, 112, 227, 0.5);
  transition: all 0.2s;
  background: white;
}
.hover-sea-blue-50:hover {
  background: rgba(1, 112, 227, 0.5);
  color: white;
  border: 1px solid rgba(1, 112, 227, 0.5);
}

.hover-tran-sea-blue-50 {
  color: rgba(1, 112, 227, 0.5);
  border: 1px solid rgba(1, 112, 227, 0.5);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-sea-blue-50:hover {
  background: rgba(1, 112, 227, 0.5);
  color: white;
  border: 1px solid rgba(1, 112, 227, 0.5);
}

.hover-sea-blue-60 {
  color: rgba(1, 112, 227, 0.6);
  border: 1px solid rgba(1, 112, 227, 0.6);
  transition: all 0.2s;
  background: white;
}
.hover-sea-blue-60:hover {
  background: rgba(1, 112, 227, 0.6);
  color: white;
  border: 1px solid rgba(1, 112, 227, 0.6);
}

.hover-tran-sea-blue-60 {
  color: rgba(1, 112, 227, 0.6);
  border: 1px solid rgba(1, 112, 227, 0.6);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-sea-blue-60:hover {
  background: rgba(1, 112, 227, 0.6);
  color: white;
  border: 1px solid rgba(1, 112, 227, 0.6);
}

.hover-sea-blue-70 {
  color: rgba(1, 112, 227, 0.7);
  border: 1px solid rgba(1, 112, 227, 0.7);
  transition: all 0.2s;
  background: white;
}
.hover-sea-blue-70:hover {
  background: rgba(1, 112, 227, 0.7);
  color: white;
  border: 1px solid rgba(1, 112, 227, 0.7);
}

.hover-tran-sea-blue-70 {
  color: rgba(1, 112, 227, 0.7);
  border: 1px solid rgba(1, 112, 227, 0.7);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-sea-blue-70:hover {
  background: rgba(1, 112, 227, 0.7);
  color: white;
  border: 1px solid rgba(1, 112, 227, 0.7);
}

.hover-sea-blue-80 {
  color: rgba(1, 112, 227, 0.8);
  border: 1px solid rgba(1, 112, 227, 0.8);
  transition: all 0.2s;
  background: white;
}
.hover-sea-blue-80:hover {
  background: rgba(1, 112, 227, 0.8);
  color: white;
  border: 1px solid rgba(1, 112, 227, 0.8);
}

.hover-tran-sea-blue-80 {
  color: rgba(1, 112, 227, 0.8);
  border: 1px solid rgba(1, 112, 227, 0.8);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-sea-blue-80:hover {
  background: rgba(1, 112, 227, 0.8);
  color: white;
  border: 1px solid rgba(1, 112, 227, 0.8);
}

.hover-sea-blue-90 {
  color: rgba(1, 112, 227, 0.9);
  border: 1px solid rgba(1, 112, 227, 0.9);
  transition: all 0.2s;
  background: white;
}
.hover-sea-blue-90:hover {
  background: rgba(1, 112, 227, 0.9);
  color: white;
  border: 1px solid rgba(1, 112, 227, 0.9);
}

.hover-tran-sea-blue-90 {
  color: rgba(1, 112, 227, 0.9);
  border: 1px solid rgba(1, 112, 227, 0.9);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-sea-blue-90:hover {
  background: rgba(1, 112, 227, 0.9);
  color: white;
  border: 1px solid rgba(1, 112, 227, 0.9);
}

.hover-yellow {
  color: rgb(251, 205, 49);
  border: 1px solid rgb(251, 205, 49);
  transition: all 0.2s;
  background: white;
}
.hover-yellow:hover {
  background: rgb(251, 205, 49);
  color: white;
  border: 1px solid rgb(251, 205, 49);
}

.hover-tran-yellow {
  color: rgb(251, 205, 49);
  border: 1px solid rgb(251, 205, 49);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-yellow:hover {
  background: rgb(251, 205, 49);
  color: white;
  border: 1px solid rgb(251, 205, 49);
}

.hover-yellow-10 {
  color: rgba(251, 205, 49, 0.1);
  border: 1px solid rgba(251, 205, 49, 0.1);
  transition: all 0.2s;
  background: white;
}
.hover-yellow-10:hover {
  background: rgba(251, 205, 49, 0.1);
  color: white;
  border: 1px solid rgba(251, 205, 49, 0.1);
}

.hover-tran-yellow-10 {
  color: rgba(251, 205, 49, 0.1);
  border: 1px solid rgba(251, 205, 49, 0.1);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-yellow-10:hover {
  background: rgba(251, 205, 49, 0.1);
  color: white;
  border: 1px solid rgba(251, 205, 49, 0.1);
}

.hover-yellow-20 {
  color: rgba(251, 205, 49, 0.2);
  border: 1px solid rgba(251, 205, 49, 0.2);
  transition: all 0.2s;
  background: white;
}
.hover-yellow-20:hover {
  background: rgba(251, 205, 49, 0.2);
  color: white;
  border: 1px solid rgba(251, 205, 49, 0.2);
}

.hover-tran-yellow-20 {
  color: rgba(251, 205, 49, 0.2);
  border: 1px solid rgba(251, 205, 49, 0.2);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-yellow-20:hover {
  background: rgba(251, 205, 49, 0.2);
  color: white;
  border: 1px solid rgba(251, 205, 49, 0.2);
}

.hover-yellow-30 {
  color: rgba(251, 205, 49, 0.3);
  border: 1px solid rgba(251, 205, 49, 0.3);
  transition: all 0.2s;
  background: white;
}
.hover-yellow-30:hover {
  background: rgba(251, 205, 49, 0.3);
  color: white;
  border: 1px solid rgba(251, 205, 49, 0.3);
}

.hover-tran-yellow-30 {
  color: rgba(251, 205, 49, 0.3);
  border: 1px solid rgba(251, 205, 49, 0.3);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-yellow-30:hover {
  background: rgba(251, 205, 49, 0.3);
  color: white;
  border: 1px solid rgba(251, 205, 49, 0.3);
}

.hover-yellow-40 {
  color: rgba(251, 205, 49, 0.4);
  border: 1px solid rgba(251, 205, 49, 0.4);
  transition: all 0.2s;
  background: white;
}
.hover-yellow-40:hover {
  background: rgba(251, 205, 49, 0.4);
  color: white;
  border: 1px solid rgba(251, 205, 49, 0.4);
}

.hover-tran-yellow-40 {
  color: rgba(251, 205, 49, 0.4);
  border: 1px solid rgba(251, 205, 49, 0.4);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-yellow-40:hover {
  background: rgba(251, 205, 49, 0.4);
  color: white;
  border: 1px solid rgba(251, 205, 49, 0.4);
}

.hover-yellow-50 {
  color: rgba(251, 205, 49, 0.5);
  border: 1px solid rgba(251, 205, 49, 0.5);
  transition: all 0.2s;
  background: white;
}
.hover-yellow-50:hover {
  background: rgba(251, 205, 49, 0.5);
  color: white;
  border: 1px solid rgba(251, 205, 49, 0.5);
}

.hover-tran-yellow-50 {
  color: rgba(251, 205, 49, 0.5);
  border: 1px solid rgba(251, 205, 49, 0.5);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-yellow-50:hover {
  background: rgba(251, 205, 49, 0.5);
  color: white;
  border: 1px solid rgba(251, 205, 49, 0.5);
}

.hover-yellow-60 {
  color: rgba(251, 205, 49, 0.6);
  border: 1px solid rgba(251, 205, 49, 0.6);
  transition: all 0.2s;
  background: white;
}
.hover-yellow-60:hover {
  background: rgba(251, 205, 49, 0.6);
  color: white;
  border: 1px solid rgba(251, 205, 49, 0.6);
}

.hover-tran-yellow-60 {
  color: rgba(251, 205, 49, 0.6);
  border: 1px solid rgba(251, 205, 49, 0.6);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-yellow-60:hover {
  background: rgba(251, 205, 49, 0.6);
  color: white;
  border: 1px solid rgba(251, 205, 49, 0.6);
}

.hover-yellow-70 {
  color: rgba(251, 205, 49, 0.7);
  border: 1px solid rgba(251, 205, 49, 0.7);
  transition: all 0.2s;
  background: white;
}
.hover-yellow-70:hover {
  background: rgba(251, 205, 49, 0.7);
  color: white;
  border: 1px solid rgba(251, 205, 49, 0.7);
}

.hover-tran-yellow-70 {
  color: rgba(251, 205, 49, 0.7);
  border: 1px solid rgba(251, 205, 49, 0.7);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-yellow-70:hover {
  background: rgba(251, 205, 49, 0.7);
  color: white;
  border: 1px solid rgba(251, 205, 49, 0.7);
}

.hover-yellow-80 {
  color: rgba(251, 205, 49, 0.8);
  border: 1px solid rgba(251, 205, 49, 0.8);
  transition: all 0.2s;
  background: white;
}
.hover-yellow-80:hover {
  background: rgba(251, 205, 49, 0.8);
  color: white;
  border: 1px solid rgba(251, 205, 49, 0.8);
}

.hover-tran-yellow-80 {
  color: rgba(251, 205, 49, 0.8);
  border: 1px solid rgba(251, 205, 49, 0.8);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-yellow-80:hover {
  background: rgba(251, 205, 49, 0.8);
  color: white;
  border: 1px solid rgba(251, 205, 49, 0.8);
}

.hover-yellow-90 {
  color: rgba(251, 205, 49, 0.9);
  border: 1px solid rgba(251, 205, 49, 0.9);
  transition: all 0.2s;
  background: white;
}
.hover-yellow-90:hover {
  background: rgba(251, 205, 49, 0.9);
  color: white;
  border: 1px solid rgba(251, 205, 49, 0.9);
}

.hover-tran-yellow-90 {
  color: rgba(251, 205, 49, 0.9);
  border: 1px solid rgba(251, 205, 49, 0.9);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-yellow-90:hover {
  background: rgba(251, 205, 49, 0.9);
  color: white;
  border: 1px solid rgba(251, 205, 49, 0.9);
}

.hover-gold {
  color: rgb(252, 195, 7);
  border: 1px solid rgb(252, 195, 7);
  transition: all 0.2s;
  background: white;
}
.hover-gold:hover {
  background: rgb(252, 195, 7);
  color: white;
  border: 1px solid rgb(252, 195, 7);
}

.hover-tran-gold {
  color: rgb(252, 195, 7);
  border: 1px solid rgb(252, 195, 7);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-gold:hover {
  background: rgb(252, 195, 7);
  color: white;
  border: 1px solid rgb(252, 195, 7);
}

.hover-gold-10 {
  color: rgba(252, 195, 7, 0.1);
  border: 1px solid rgba(252, 195, 7, 0.1);
  transition: all 0.2s;
  background: white;
}
.hover-gold-10:hover {
  background: rgba(252, 195, 7, 0.1);
  color: white;
  border: 1px solid rgba(252, 195, 7, 0.1);
}

.hover-tran-gold-10 {
  color: rgba(252, 195, 7, 0.1);
  border: 1px solid rgba(252, 195, 7, 0.1);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-gold-10:hover {
  background: rgba(252, 195, 7, 0.1);
  color: white;
  border: 1px solid rgba(252, 195, 7, 0.1);
}

.hover-gold-20 {
  color: rgba(252, 195, 7, 0.2);
  border: 1px solid rgba(252, 195, 7, 0.2);
  transition: all 0.2s;
  background: white;
}
.hover-gold-20:hover {
  background: rgba(252, 195, 7, 0.2);
  color: white;
  border: 1px solid rgba(252, 195, 7, 0.2);
}

.hover-tran-gold-20 {
  color: rgba(252, 195, 7, 0.2);
  border: 1px solid rgba(252, 195, 7, 0.2);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-gold-20:hover {
  background: rgba(252, 195, 7, 0.2);
  color: white;
  border: 1px solid rgba(252, 195, 7, 0.2);
}

.hover-gold-30 {
  color: rgba(252, 195, 7, 0.3);
  border: 1px solid rgba(252, 195, 7, 0.3);
  transition: all 0.2s;
  background: white;
}
.hover-gold-30:hover {
  background: rgba(252, 195, 7, 0.3);
  color: white;
  border: 1px solid rgba(252, 195, 7, 0.3);
}

.hover-tran-gold-30 {
  color: rgba(252, 195, 7, 0.3);
  border: 1px solid rgba(252, 195, 7, 0.3);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-gold-30:hover {
  background: rgba(252, 195, 7, 0.3);
  color: white;
  border: 1px solid rgba(252, 195, 7, 0.3);
}

.hover-gold-40 {
  color: rgba(252, 195, 7, 0.4);
  border: 1px solid rgba(252, 195, 7, 0.4);
  transition: all 0.2s;
  background: white;
}
.hover-gold-40:hover {
  background: rgba(252, 195, 7, 0.4);
  color: white;
  border: 1px solid rgba(252, 195, 7, 0.4);
}

.hover-tran-gold-40 {
  color: rgba(252, 195, 7, 0.4);
  border: 1px solid rgba(252, 195, 7, 0.4);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-gold-40:hover {
  background: rgba(252, 195, 7, 0.4);
  color: white;
  border: 1px solid rgba(252, 195, 7, 0.4);
}

.hover-gold-50 {
  color: rgba(252, 195, 7, 0.5);
  border: 1px solid rgba(252, 195, 7, 0.5);
  transition: all 0.2s;
  background: white;
}
.hover-gold-50:hover {
  background: rgba(252, 195, 7, 0.5);
  color: white;
  border: 1px solid rgba(252, 195, 7, 0.5);
}

.hover-tran-gold-50 {
  color: rgba(252, 195, 7, 0.5);
  border: 1px solid rgba(252, 195, 7, 0.5);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-gold-50:hover {
  background: rgba(252, 195, 7, 0.5);
  color: white;
  border: 1px solid rgba(252, 195, 7, 0.5);
}

.hover-gold-60 {
  color: rgba(252, 195, 7, 0.6);
  border: 1px solid rgba(252, 195, 7, 0.6);
  transition: all 0.2s;
  background: white;
}
.hover-gold-60:hover {
  background: rgba(252, 195, 7, 0.6);
  color: white;
  border: 1px solid rgba(252, 195, 7, 0.6);
}

.hover-tran-gold-60 {
  color: rgba(252, 195, 7, 0.6);
  border: 1px solid rgba(252, 195, 7, 0.6);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-gold-60:hover {
  background: rgba(252, 195, 7, 0.6);
  color: white;
  border: 1px solid rgba(252, 195, 7, 0.6);
}

.hover-gold-70 {
  color: rgba(252, 195, 7, 0.7);
  border: 1px solid rgba(252, 195, 7, 0.7);
  transition: all 0.2s;
  background: white;
}
.hover-gold-70:hover {
  background: rgba(252, 195, 7, 0.7);
  color: white;
  border: 1px solid rgba(252, 195, 7, 0.7);
}

.hover-tran-gold-70 {
  color: rgba(252, 195, 7, 0.7);
  border: 1px solid rgba(252, 195, 7, 0.7);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-gold-70:hover {
  background: rgba(252, 195, 7, 0.7);
  color: white;
  border: 1px solid rgba(252, 195, 7, 0.7);
}

.hover-gold-80 {
  color: rgba(252, 195, 7, 0.8);
  border: 1px solid rgba(252, 195, 7, 0.8);
  transition: all 0.2s;
  background: white;
}
.hover-gold-80:hover {
  background: rgba(252, 195, 7, 0.8);
  color: white;
  border: 1px solid rgba(252, 195, 7, 0.8);
}

.hover-tran-gold-80 {
  color: rgba(252, 195, 7, 0.8);
  border: 1px solid rgba(252, 195, 7, 0.8);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-gold-80:hover {
  background: rgba(252, 195, 7, 0.8);
  color: white;
  border: 1px solid rgba(252, 195, 7, 0.8);
}

.hover-gold-90 {
  color: rgba(252, 195, 7, 0.9);
  border: 1px solid rgba(252, 195, 7, 0.9);
  transition: all 0.2s;
  background: white;
}
.hover-gold-90:hover {
  background: rgba(252, 195, 7, 0.9);
  color: white;
  border: 1px solid rgba(252, 195, 7, 0.9);
}

.hover-tran-gold-90 {
  color: rgba(252, 195, 7, 0.9);
  border: 1px solid rgba(252, 195, 7, 0.9);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-gold-90:hover {
  background: rgba(252, 195, 7, 0.9);
  color: white;
  border: 1px solid rgba(252, 195, 7, 0.9);
}

.hover-purple {
  color: rgb(126, 22, 113);
  border: 1px solid rgb(126, 22, 113);
  transition: all 0.2s;
  background: white;
}
.hover-purple:hover {
  background: rgb(126, 22, 113);
  color: white;
  border: 1px solid rgb(126, 22, 113);
}

.hover-tran-purple {
  color: rgb(126, 22, 113);
  border: 1px solid rgb(126, 22, 113);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-purple:hover {
  background: rgb(126, 22, 113);
  color: white;
  border: 1px solid rgb(126, 22, 113);
}

.hover-purple-10 {
  color: rgba(126, 22, 113, 0.1);
  border: 1px solid rgba(126, 22, 113, 0.1);
  transition: all 0.2s;
  background: white;
}
.hover-purple-10:hover {
  background: rgba(126, 22, 113, 0.1);
  color: white;
  border: 1px solid rgba(126, 22, 113, 0.1);
}

.hover-tran-purple-10 {
  color: rgba(126, 22, 113, 0.1);
  border: 1px solid rgba(126, 22, 113, 0.1);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-purple-10:hover {
  background: rgba(126, 22, 113, 0.1);
  color: white;
  border: 1px solid rgba(126, 22, 113, 0.1);
}

.hover-purple-20 {
  color: rgba(126, 22, 113, 0.2);
  border: 1px solid rgba(126, 22, 113, 0.2);
  transition: all 0.2s;
  background: white;
}
.hover-purple-20:hover {
  background: rgba(126, 22, 113, 0.2);
  color: white;
  border: 1px solid rgba(126, 22, 113, 0.2);
}

.hover-tran-purple-20 {
  color: rgba(126, 22, 113, 0.2);
  border: 1px solid rgba(126, 22, 113, 0.2);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-purple-20:hover {
  background: rgba(126, 22, 113, 0.2);
  color: white;
  border: 1px solid rgba(126, 22, 113, 0.2);
}

.hover-purple-30 {
  color: rgba(126, 22, 113, 0.3);
  border: 1px solid rgba(126, 22, 113, 0.3);
  transition: all 0.2s;
  background: white;
}
.hover-purple-30:hover {
  background: rgba(126, 22, 113, 0.3);
  color: white;
  border: 1px solid rgba(126, 22, 113, 0.3);
}

.hover-tran-purple-30 {
  color: rgba(126, 22, 113, 0.3);
  border: 1px solid rgba(126, 22, 113, 0.3);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-purple-30:hover {
  background: rgba(126, 22, 113, 0.3);
  color: white;
  border: 1px solid rgba(126, 22, 113, 0.3);
}

.hover-purple-40 {
  color: rgba(126, 22, 113, 0.4);
  border: 1px solid rgba(126, 22, 113, 0.4);
  transition: all 0.2s;
  background: white;
}
.hover-purple-40:hover {
  background: rgba(126, 22, 113, 0.4);
  color: white;
  border: 1px solid rgba(126, 22, 113, 0.4);
}

.hover-tran-purple-40 {
  color: rgba(126, 22, 113, 0.4);
  border: 1px solid rgba(126, 22, 113, 0.4);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-purple-40:hover {
  background: rgba(126, 22, 113, 0.4);
  color: white;
  border: 1px solid rgba(126, 22, 113, 0.4);
}

.hover-purple-50 {
  color: rgba(126, 22, 113, 0.5);
  border: 1px solid rgba(126, 22, 113, 0.5);
  transition: all 0.2s;
  background: white;
}
.hover-purple-50:hover {
  background: rgba(126, 22, 113, 0.5);
  color: white;
  border: 1px solid rgba(126, 22, 113, 0.5);
}

.hover-tran-purple-50 {
  color: rgba(126, 22, 113, 0.5);
  border: 1px solid rgba(126, 22, 113, 0.5);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-purple-50:hover {
  background: rgba(126, 22, 113, 0.5);
  color: white;
  border: 1px solid rgba(126, 22, 113, 0.5);
}

.hover-purple-60 {
  color: rgba(126, 22, 113, 0.6);
  border: 1px solid rgba(126, 22, 113, 0.6);
  transition: all 0.2s;
  background: white;
}
.hover-purple-60:hover {
  background: rgba(126, 22, 113, 0.6);
  color: white;
  border: 1px solid rgba(126, 22, 113, 0.6);
}

.hover-tran-purple-60 {
  color: rgba(126, 22, 113, 0.6);
  border: 1px solid rgba(126, 22, 113, 0.6);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-purple-60:hover {
  background: rgba(126, 22, 113, 0.6);
  color: white;
  border: 1px solid rgba(126, 22, 113, 0.6);
}

.hover-purple-70 {
  color: rgba(126, 22, 113, 0.7);
  border: 1px solid rgba(126, 22, 113, 0.7);
  transition: all 0.2s;
  background: white;
}
.hover-purple-70:hover {
  background: rgba(126, 22, 113, 0.7);
  color: white;
  border: 1px solid rgba(126, 22, 113, 0.7);
}

.hover-tran-purple-70 {
  color: rgba(126, 22, 113, 0.7);
  border: 1px solid rgba(126, 22, 113, 0.7);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-purple-70:hover {
  background: rgba(126, 22, 113, 0.7);
  color: white;
  border: 1px solid rgba(126, 22, 113, 0.7);
}

.hover-purple-80 {
  color: rgba(126, 22, 113, 0.8);
  border: 1px solid rgba(126, 22, 113, 0.8);
  transition: all 0.2s;
  background: white;
}
.hover-purple-80:hover {
  background: rgba(126, 22, 113, 0.8);
  color: white;
  border: 1px solid rgba(126, 22, 113, 0.8);
}

.hover-tran-purple-80 {
  color: rgba(126, 22, 113, 0.8);
  border: 1px solid rgba(126, 22, 113, 0.8);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-purple-80:hover {
  background: rgba(126, 22, 113, 0.8);
  color: white;
  border: 1px solid rgba(126, 22, 113, 0.8);
}

.hover-purple-90 {
  color: rgba(126, 22, 113, 0.9);
  border: 1px solid rgba(126, 22, 113, 0.9);
  transition: all 0.2s;
  background: white;
}
.hover-purple-90:hover {
  background: rgba(126, 22, 113, 0.9);
  color: white;
  border: 1px solid rgba(126, 22, 113, 0.9);
}

.hover-tran-purple-90 {
  color: rgba(126, 22, 113, 0.9);
  border: 1px solid rgba(126, 22, 113, 0.9);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-purple-90:hover {
  background: rgba(126, 22, 113, 0.9);
  color: white;
  border: 1px solid rgba(126, 22, 113, 0.9);
}

.hover-lilac {
  color: rgb(128, 109, 158);
  border: 1px solid rgb(128, 109, 158);
  transition: all 0.2s;
  background: white;
}
.hover-lilac:hover {
  background: rgb(128, 109, 158);
  color: white;
  border: 1px solid rgb(128, 109, 158);
}

.hover-tran-lilac {
  color: rgb(128, 109, 158);
  border: 1px solid rgb(128, 109, 158);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-lilac:hover {
  background: rgb(128, 109, 158);
  color: white;
  border: 1px solid rgb(128, 109, 158);
}

.hover-lilac-10 {
  color: rgba(128, 109, 158, 0.1);
  border: 1px solid rgba(128, 109, 158, 0.1);
  transition: all 0.2s;
  background: white;
}
.hover-lilac-10:hover {
  background: rgba(128, 109, 158, 0.1);
  color: white;
  border: 1px solid rgba(128, 109, 158, 0.1);
}

.hover-tran-lilac-10 {
  color: rgba(128, 109, 158, 0.1);
  border: 1px solid rgba(128, 109, 158, 0.1);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-lilac-10:hover {
  background: rgba(128, 109, 158, 0.1);
  color: white;
  border: 1px solid rgba(128, 109, 158, 0.1);
}

.hover-lilac-20 {
  color: rgba(128, 109, 158, 0.2);
  border: 1px solid rgba(128, 109, 158, 0.2);
  transition: all 0.2s;
  background: white;
}
.hover-lilac-20:hover {
  background: rgba(128, 109, 158, 0.2);
  color: white;
  border: 1px solid rgba(128, 109, 158, 0.2);
}

.hover-tran-lilac-20 {
  color: rgba(128, 109, 158, 0.2);
  border: 1px solid rgba(128, 109, 158, 0.2);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-lilac-20:hover {
  background: rgba(128, 109, 158, 0.2);
  color: white;
  border: 1px solid rgba(128, 109, 158, 0.2);
}

.hover-lilac-30 {
  color: rgba(128, 109, 158, 0.3);
  border: 1px solid rgba(128, 109, 158, 0.3);
  transition: all 0.2s;
  background: white;
}
.hover-lilac-30:hover {
  background: rgba(128, 109, 158, 0.3);
  color: white;
  border: 1px solid rgba(128, 109, 158, 0.3);
}

.hover-tran-lilac-30 {
  color: rgba(128, 109, 158, 0.3);
  border: 1px solid rgba(128, 109, 158, 0.3);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-lilac-30:hover {
  background: rgba(128, 109, 158, 0.3);
  color: white;
  border: 1px solid rgba(128, 109, 158, 0.3);
}

.hover-lilac-40 {
  color: rgba(128, 109, 158, 0.4);
  border: 1px solid rgba(128, 109, 158, 0.4);
  transition: all 0.2s;
  background: white;
}
.hover-lilac-40:hover {
  background: rgba(128, 109, 158, 0.4);
  color: white;
  border: 1px solid rgba(128, 109, 158, 0.4);
}

.hover-tran-lilac-40 {
  color: rgba(128, 109, 158, 0.4);
  border: 1px solid rgba(128, 109, 158, 0.4);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-lilac-40:hover {
  background: rgba(128, 109, 158, 0.4);
  color: white;
  border: 1px solid rgba(128, 109, 158, 0.4);
}

.hover-lilac-50 {
  color: rgba(128, 109, 158, 0.5);
  border: 1px solid rgba(128, 109, 158, 0.5);
  transition: all 0.2s;
  background: white;
}
.hover-lilac-50:hover {
  background: rgba(128, 109, 158, 0.5);
  color: white;
  border: 1px solid rgba(128, 109, 158, 0.5);
}

.hover-tran-lilac-50 {
  color: rgba(128, 109, 158, 0.5);
  border: 1px solid rgba(128, 109, 158, 0.5);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-lilac-50:hover {
  background: rgba(128, 109, 158, 0.5);
  color: white;
  border: 1px solid rgba(128, 109, 158, 0.5);
}

.hover-lilac-60 {
  color: rgba(128, 109, 158, 0.6);
  border: 1px solid rgba(128, 109, 158, 0.6);
  transition: all 0.2s;
  background: white;
}
.hover-lilac-60:hover {
  background: rgba(128, 109, 158, 0.6);
  color: white;
  border: 1px solid rgba(128, 109, 158, 0.6);
}

.hover-tran-lilac-60 {
  color: rgba(128, 109, 158, 0.6);
  border: 1px solid rgba(128, 109, 158, 0.6);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-lilac-60:hover {
  background: rgba(128, 109, 158, 0.6);
  color: white;
  border: 1px solid rgba(128, 109, 158, 0.6);
}

.hover-lilac-70 {
  color: rgba(128, 109, 158, 0.7);
  border: 1px solid rgba(128, 109, 158, 0.7);
  transition: all 0.2s;
  background: white;
}
.hover-lilac-70:hover {
  background: rgba(128, 109, 158, 0.7);
  color: white;
  border: 1px solid rgba(128, 109, 158, 0.7);
}

.hover-tran-lilac-70 {
  color: rgba(128, 109, 158, 0.7);
  border: 1px solid rgba(128, 109, 158, 0.7);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-lilac-70:hover {
  background: rgba(128, 109, 158, 0.7);
  color: white;
  border: 1px solid rgba(128, 109, 158, 0.7);
}

.hover-lilac-80 {
  color: rgba(128, 109, 158, 0.8);
  border: 1px solid rgba(128, 109, 158, 0.8);
  transition: all 0.2s;
  background: white;
}
.hover-lilac-80:hover {
  background: rgba(128, 109, 158, 0.8);
  color: white;
  border: 1px solid rgba(128, 109, 158, 0.8);
}

.hover-tran-lilac-80 {
  color: rgba(128, 109, 158, 0.8);
  border: 1px solid rgba(128, 109, 158, 0.8);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-lilac-80:hover {
  background: rgba(128, 109, 158, 0.8);
  color: white;
  border: 1px solid rgba(128, 109, 158, 0.8);
}

.hover-lilac-90 {
  color: rgba(128, 109, 158, 0.9);
  border: 1px solid rgba(128, 109, 158, 0.9);
  transition: all 0.2s;
  background: white;
}
.hover-lilac-90:hover {
  background: rgba(128, 109, 158, 0.9);
  color: white;
  border: 1px solid rgba(128, 109, 158, 0.9);
}

.hover-tran-lilac-90 {
  color: rgba(128, 109, 158, 0.9);
  border: 1px solid rgba(128, 109, 158, 0.9);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-lilac-90:hover {
  background: rgba(128, 109, 158, 0.9);
  color: white;
  border: 1px solid rgba(128, 109, 158, 0.9);
}

.hover-brown {
  color: rgb(145, 128, 114);
  border: 1px solid rgb(145, 128, 114);
  transition: all 0.2s;
  background: white;
}
.hover-brown:hover {
  background: rgb(145, 128, 114);
  color: white;
  border: 1px solid rgb(145, 128, 114);
}

.hover-tran-brown {
  color: rgb(145, 128, 114);
  border: 1px solid rgb(145, 128, 114);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-brown:hover {
  background: rgb(145, 128, 114);
  color: white;
  border: 1px solid rgb(145, 128, 114);
}

.hover-brown-10 {
  color: rgba(145, 128, 114, 0.1);
  border: 1px solid rgba(145, 128, 114, 0.1);
  transition: all 0.2s;
  background: white;
}
.hover-brown-10:hover {
  background: rgba(145, 128, 114, 0.1);
  color: white;
  border: 1px solid rgba(145, 128, 114, 0.1);
}

.hover-tran-brown-10 {
  color: rgba(145, 128, 114, 0.1);
  border: 1px solid rgba(145, 128, 114, 0.1);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-brown-10:hover {
  background: rgba(145, 128, 114, 0.1);
  color: white;
  border: 1px solid rgba(145, 128, 114, 0.1);
}

.hover-brown-20 {
  color: rgba(145, 128, 114, 0.2);
  border: 1px solid rgba(145, 128, 114, 0.2);
  transition: all 0.2s;
  background: white;
}
.hover-brown-20:hover {
  background: rgba(145, 128, 114, 0.2);
  color: white;
  border: 1px solid rgba(145, 128, 114, 0.2);
}

.hover-tran-brown-20 {
  color: rgba(145, 128, 114, 0.2);
  border: 1px solid rgba(145, 128, 114, 0.2);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-brown-20:hover {
  background: rgba(145, 128, 114, 0.2);
  color: white;
  border: 1px solid rgba(145, 128, 114, 0.2);
}

.hover-brown-30 {
  color: rgba(145, 128, 114, 0.3);
  border: 1px solid rgba(145, 128, 114, 0.3);
  transition: all 0.2s;
  background: white;
}
.hover-brown-30:hover {
  background: rgba(145, 128, 114, 0.3);
  color: white;
  border: 1px solid rgba(145, 128, 114, 0.3);
}

.hover-tran-brown-30 {
  color: rgba(145, 128, 114, 0.3);
  border: 1px solid rgba(145, 128, 114, 0.3);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-brown-30:hover {
  background: rgba(145, 128, 114, 0.3);
  color: white;
  border: 1px solid rgba(145, 128, 114, 0.3);
}

.hover-brown-40 {
  color: rgba(145, 128, 114, 0.4);
  border: 1px solid rgba(145, 128, 114, 0.4);
  transition: all 0.2s;
  background: white;
}
.hover-brown-40:hover {
  background: rgba(145, 128, 114, 0.4);
  color: white;
  border: 1px solid rgba(145, 128, 114, 0.4);
}

.hover-tran-brown-40 {
  color: rgba(145, 128, 114, 0.4);
  border: 1px solid rgba(145, 128, 114, 0.4);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-brown-40:hover {
  background: rgba(145, 128, 114, 0.4);
  color: white;
  border: 1px solid rgba(145, 128, 114, 0.4);
}

.hover-brown-50 {
  color: rgba(145, 128, 114, 0.5);
  border: 1px solid rgba(145, 128, 114, 0.5);
  transition: all 0.2s;
  background: white;
}
.hover-brown-50:hover {
  background: rgba(145, 128, 114, 0.5);
  color: white;
  border: 1px solid rgba(145, 128, 114, 0.5);
}

.hover-tran-brown-50 {
  color: rgba(145, 128, 114, 0.5);
  border: 1px solid rgba(145, 128, 114, 0.5);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-brown-50:hover {
  background: rgba(145, 128, 114, 0.5);
  color: white;
  border: 1px solid rgba(145, 128, 114, 0.5);
}

.hover-brown-60 {
  color: rgba(145, 128, 114, 0.6);
  border: 1px solid rgba(145, 128, 114, 0.6);
  transition: all 0.2s;
  background: white;
}
.hover-brown-60:hover {
  background: rgba(145, 128, 114, 0.6);
  color: white;
  border: 1px solid rgba(145, 128, 114, 0.6);
}

.hover-tran-brown-60 {
  color: rgba(145, 128, 114, 0.6);
  border: 1px solid rgba(145, 128, 114, 0.6);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-brown-60:hover {
  background: rgba(145, 128, 114, 0.6);
  color: white;
  border: 1px solid rgba(145, 128, 114, 0.6);
}

.hover-brown-70 {
  color: rgba(145, 128, 114, 0.7);
  border: 1px solid rgba(145, 128, 114, 0.7);
  transition: all 0.2s;
  background: white;
}
.hover-brown-70:hover {
  background: rgba(145, 128, 114, 0.7);
  color: white;
  border: 1px solid rgba(145, 128, 114, 0.7);
}

.hover-tran-brown-70 {
  color: rgba(145, 128, 114, 0.7);
  border: 1px solid rgba(145, 128, 114, 0.7);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-brown-70:hover {
  background: rgba(145, 128, 114, 0.7);
  color: white;
  border: 1px solid rgba(145, 128, 114, 0.7);
}

.hover-brown-80 {
  color: rgba(145, 128, 114, 0.8);
  border: 1px solid rgba(145, 128, 114, 0.8);
  transition: all 0.2s;
  background: white;
}
.hover-brown-80:hover {
  background: rgba(145, 128, 114, 0.8);
  color: white;
  border: 1px solid rgba(145, 128, 114, 0.8);
}

.hover-tran-brown-80 {
  color: rgba(145, 128, 114, 0.8);
  border: 1px solid rgba(145, 128, 114, 0.8);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-brown-80:hover {
  background: rgba(145, 128, 114, 0.8);
  color: white;
  border: 1px solid rgba(145, 128, 114, 0.8);
}

.hover-brown-90 {
  color: rgba(145, 128, 114, 0.9);
  border: 1px solid rgba(145, 128, 114, 0.9);
  transition: all 0.2s;
  background: white;
}
.hover-brown-90:hover {
  background: rgba(145, 128, 114, 0.9);
  color: white;
  border: 1px solid rgba(145, 128, 114, 0.9);
}

.hover-tran-brown-90 {
  color: rgba(145, 128, 114, 0.9);
  border: 1px solid rgba(145, 128, 114, 0.9);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-brown-90:hover {
  background: rgba(145, 128, 114, 0.9);
  color: white;
  border: 1px solid rgba(145, 128, 114, 0.9);
}

.hover-pink {
  color: rgb(232, 122, 144);
  border: 1px solid rgb(232, 122, 144);
  transition: all 0.2s;
  background: white;
}
.hover-pink:hover {
  background: rgb(232, 122, 144);
  color: white;
  border: 1px solid rgb(232, 122, 144);
}

.hover-tran-pink {
  color: rgb(232, 122, 144);
  border: 1px solid rgb(232, 122, 144);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-pink:hover {
  background: rgb(232, 122, 144);
  color: white;
  border: 1px solid rgb(232, 122, 144);
}

.hover-pink-10 {
  color: rgba(232, 122, 144, 0.1);
  border: 1px solid rgba(232, 122, 144, 0.1);
  transition: all 0.2s;
  background: white;
}
.hover-pink-10:hover {
  background: rgba(232, 122, 144, 0.1);
  color: white;
  border: 1px solid rgba(232, 122, 144, 0.1);
}

.hover-tran-pink-10 {
  color: rgba(232, 122, 144, 0.1);
  border: 1px solid rgba(232, 122, 144, 0.1);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-pink-10:hover {
  background: rgba(232, 122, 144, 0.1);
  color: white;
  border: 1px solid rgba(232, 122, 144, 0.1);
}

.hover-pink-20 {
  color: rgba(232, 122, 144, 0.2);
  border: 1px solid rgba(232, 122, 144, 0.2);
  transition: all 0.2s;
  background: white;
}
.hover-pink-20:hover {
  background: rgba(232, 122, 144, 0.2);
  color: white;
  border: 1px solid rgba(232, 122, 144, 0.2);
}

.hover-tran-pink-20 {
  color: rgba(232, 122, 144, 0.2);
  border: 1px solid rgba(232, 122, 144, 0.2);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-pink-20:hover {
  background: rgba(232, 122, 144, 0.2);
  color: white;
  border: 1px solid rgba(232, 122, 144, 0.2);
}

.hover-pink-30 {
  color: rgba(232, 122, 144, 0.3);
  border: 1px solid rgba(232, 122, 144, 0.3);
  transition: all 0.2s;
  background: white;
}
.hover-pink-30:hover {
  background: rgba(232, 122, 144, 0.3);
  color: white;
  border: 1px solid rgba(232, 122, 144, 0.3);
}

.hover-tran-pink-30 {
  color: rgba(232, 122, 144, 0.3);
  border: 1px solid rgba(232, 122, 144, 0.3);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-pink-30:hover {
  background: rgba(232, 122, 144, 0.3);
  color: white;
  border: 1px solid rgba(232, 122, 144, 0.3);
}

.hover-pink-40 {
  color: rgba(232, 122, 144, 0.4);
  border: 1px solid rgba(232, 122, 144, 0.4);
  transition: all 0.2s;
  background: white;
}
.hover-pink-40:hover {
  background: rgba(232, 122, 144, 0.4);
  color: white;
  border: 1px solid rgba(232, 122, 144, 0.4);
}

.hover-tran-pink-40 {
  color: rgba(232, 122, 144, 0.4);
  border: 1px solid rgba(232, 122, 144, 0.4);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-pink-40:hover {
  background: rgba(232, 122, 144, 0.4);
  color: white;
  border: 1px solid rgba(232, 122, 144, 0.4);
}

.hover-pink-50 {
  color: rgba(232, 122, 144, 0.5);
  border: 1px solid rgba(232, 122, 144, 0.5);
  transition: all 0.2s;
  background: white;
}
.hover-pink-50:hover {
  background: rgba(232, 122, 144, 0.5);
  color: white;
  border: 1px solid rgba(232, 122, 144, 0.5);
}

.hover-tran-pink-50 {
  color: rgba(232, 122, 144, 0.5);
  border: 1px solid rgba(232, 122, 144, 0.5);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-pink-50:hover {
  background: rgba(232, 122, 144, 0.5);
  color: white;
  border: 1px solid rgba(232, 122, 144, 0.5);
}

.hover-pink-60 {
  color: rgba(232, 122, 144, 0.6);
  border: 1px solid rgba(232, 122, 144, 0.6);
  transition: all 0.2s;
  background: white;
}
.hover-pink-60:hover {
  background: rgba(232, 122, 144, 0.6);
  color: white;
  border: 1px solid rgba(232, 122, 144, 0.6);
}

.hover-tran-pink-60 {
  color: rgba(232, 122, 144, 0.6);
  border: 1px solid rgba(232, 122, 144, 0.6);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-pink-60:hover {
  background: rgba(232, 122, 144, 0.6);
  color: white;
  border: 1px solid rgba(232, 122, 144, 0.6);
}

.hover-pink-70 {
  color: rgba(232, 122, 144, 0.7);
  border: 1px solid rgba(232, 122, 144, 0.7);
  transition: all 0.2s;
  background: white;
}
.hover-pink-70:hover {
  background: rgba(232, 122, 144, 0.7);
  color: white;
  border: 1px solid rgba(232, 122, 144, 0.7);
}

.hover-tran-pink-70 {
  color: rgba(232, 122, 144, 0.7);
  border: 1px solid rgba(232, 122, 144, 0.7);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-pink-70:hover {
  background: rgba(232, 122, 144, 0.7);
  color: white;
  border: 1px solid rgba(232, 122, 144, 0.7);
}

.hover-pink-80 {
  color: rgba(232, 122, 144, 0.8);
  border: 1px solid rgba(232, 122, 144, 0.8);
  transition: all 0.2s;
  background: white;
}
.hover-pink-80:hover {
  background: rgba(232, 122, 144, 0.8);
  color: white;
  border: 1px solid rgba(232, 122, 144, 0.8);
}

.hover-tran-pink-80 {
  color: rgba(232, 122, 144, 0.8);
  border: 1px solid rgba(232, 122, 144, 0.8);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-pink-80:hover {
  background: rgba(232, 122, 144, 0.8);
  color: white;
  border: 1px solid rgba(232, 122, 144, 0.8);
}

.hover-pink-90 {
  color: rgba(232, 122, 144, 0.9);
  border: 1px solid rgba(232, 122, 144, 0.9);
  transition: all 0.2s;
  background: white;
}
.hover-pink-90:hover {
  background: rgba(232, 122, 144, 0.9);
  color: white;
  border: 1px solid rgba(232, 122, 144, 0.9);
}

.hover-tran-pink-90 {
  color: rgba(232, 122, 144, 0.9);
  border: 1px solid rgba(232, 122, 144, 0.9);
  transition: all 0.2s;
  background: transparent;
}
.hover-tran-pink-90:hover {
  background: rgba(232, 122, 144, 0.9);
  color: white;
  border: 1px solid rgba(232, 122, 144, 0.9);
}

.shadow-red {
  box-shadow: 0 0 12px 2px rgb(222, 49, 49);
}

.shadow-red-10 {
  box-shadow: 0 0 12px 2px rgba(222, 49, 49, 0.1);
}

.shadow-red-20 {
  box-shadow: 0 0 12px 2px rgba(222, 49, 49, 0.2);
}

.shadow-red-30 {
  box-shadow: 0 0 12px 2px rgba(222, 49, 49, 0.3);
}

.shadow-red-40 {
  box-shadow: 0 0 12px 2px rgba(222, 49, 49, 0.4);
}

.shadow-red-50 {
  box-shadow: 0 0 12px 2px rgba(222, 49, 49, 0.5);
}

.shadow-red-60 {
  box-shadow: 0 0 12px 2px rgba(222, 49, 49, 0.6);
}

.shadow-red-70 {
  box-shadow: 0 0 12px 2px rgba(222, 49, 49, 0.7);
}

.shadow-red-80 {
  box-shadow: 0 0 12px 2px rgba(222, 49, 49, 0.8);
}

.shadow-red-90 {
  box-shadow: 0 0 12px 2px rgba(222, 49, 49, 0.9);
}

.shadow-orange {
  box-shadow: 0 0 12px 2px rgb(239, 99, 43);
}

.shadow-orange-10 {
  box-shadow: 0 0 12px 2px rgba(239, 99, 43, 0.1);
}

.shadow-orange-20 {
  box-shadow: 0 0 12px 2px rgba(239, 99, 43, 0.2);
}

.shadow-orange-30 {
  box-shadow: 0 0 12px 2px rgba(239, 99, 43, 0.3);
}

.shadow-orange-40 {
  box-shadow: 0 0 12px 2px rgba(239, 99, 43, 0.4);
}

.shadow-orange-50 {
  box-shadow: 0 0 12px 2px rgba(239, 99, 43, 0.5);
}

.shadow-orange-60 {
  box-shadow: 0 0 12px 2px rgba(239, 99, 43, 0.6);
}

.shadow-orange-70 {
  box-shadow: 0 0 12px 2px rgba(239, 99, 43, 0.7);
}

.shadow-orange-80 {
  box-shadow: 0 0 12px 2px rgba(239, 99, 43, 0.8);
}

.shadow-orange-90 {
  box-shadow: 0 0 12px 2px rgba(239, 99, 43, 0.9);
}

.shadow-tangerine {
  box-shadow: 0 0 12px 2px rgb(250, 126, 35);
}

.shadow-tangerine-10 {
  box-shadow: 0 0 12px 2px rgba(250, 126, 35, 0.1);
}

.shadow-tangerine-20 {
  box-shadow: 0 0 12px 2px rgba(250, 126, 35, 0.2);
}

.shadow-tangerine-30 {
  box-shadow: 0 0 12px 2px rgba(250, 126, 35, 0.3);
}

.shadow-tangerine-40 {
  box-shadow: 0 0 12px 2px rgba(250, 126, 35, 0.4);
}

.shadow-tangerine-50 {
  box-shadow: 0 0 12px 2px rgba(250, 126, 35, 0.5);
}

.shadow-tangerine-60 {
  box-shadow: 0 0 12px 2px rgba(250, 126, 35, 0.6);
}

.shadow-tangerine-70 {
  box-shadow: 0 0 12px 2px rgba(250, 126, 35, 0.7);
}

.shadow-tangerine-80 {
  box-shadow: 0 0 12px 2px rgba(250, 126, 35, 0.8);
}

.shadow-tangerine-90 {
  box-shadow: 0 0 12px 2px rgba(250, 126, 35, 0.9);
}

.shadow-green {
  box-shadow: 0 0 12px 2px rgb(36, 128, 103);
}

.shadow-green-10 {
  box-shadow: 0 0 12px 2px rgba(36, 128, 103, 0.1);
}

.shadow-green-20 {
  box-shadow: 0 0 12px 2px rgba(36, 128, 103, 0.2);
}

.shadow-green-30 {
  box-shadow: 0 0 12px 2px rgba(36, 128, 103, 0.3);
}

.shadow-green-40 {
  box-shadow: 0 0 12px 2px rgba(36, 128, 103, 0.4);
}

.shadow-green-50 {
  box-shadow: 0 0 12px 2px rgba(36, 128, 103, 0.5);
}

.shadow-green-60 {
  box-shadow: 0 0 12px 2px rgba(36, 128, 103, 0.6);
}

.shadow-green-70 {
  box-shadow: 0 0 12px 2px rgba(36, 128, 103, 0.7);
}

.shadow-green-80 {
  box-shadow: 0 0 12px 2px rgba(36, 128, 103, 0.8);
}

.shadow-green-90 {
  box-shadow: 0 0 12px 2px rgba(36, 128, 103, 0.9);
}

.shadow-emerald {
  box-shadow: 0 0 12px 2px rgb(34, 148, 83);
}

.shadow-emerald-10 {
  box-shadow: 0 0 12px 2px rgba(34, 148, 83, 0.1);
}

.shadow-emerald-20 {
  box-shadow: 0 0 12px 2px rgba(34, 148, 83, 0.2);
}

.shadow-emerald-30 {
  box-shadow: 0 0 12px 2px rgba(34, 148, 83, 0.3);
}

.shadow-emerald-40 {
  box-shadow: 0 0 12px 2px rgba(34, 148, 83, 0.4);
}

.shadow-emerald-50 {
  box-shadow: 0 0 12px 2px rgba(34, 148, 83, 0.5);
}

.shadow-emerald-60 {
  box-shadow: 0 0 12px 2px rgba(34, 148, 83, 0.6);
}

.shadow-emerald-70 {
  box-shadow: 0 0 12px 2px rgba(34, 148, 83, 0.7);
}

.shadow-emerald-80 {
  box-shadow: 0 0 12px 2px rgba(34, 148, 83, 0.8);
}

.shadow-emerald-90 {
  box-shadow: 0 0 12px 2px rgba(34, 148, 83, 0.9);
}

.shadow-mint {
  box-shadow: 0 0 12px 2px rgb(32, 161, 98);
}

.shadow-mint-10 {
  box-shadow: 0 0 12px 2px rgba(32, 161, 98, 0.1);
}

.shadow-mint-20 {
  box-shadow: 0 0 12px 2px rgba(32, 161, 98, 0.2);
}

.shadow-mint-30 {
  box-shadow: 0 0 12px 2px rgba(32, 161, 98, 0.3);
}

.shadow-mint-40 {
  box-shadow: 0 0 12px 2px rgba(32, 161, 98, 0.4);
}

.shadow-mint-50 {
  box-shadow: 0 0 12px 2px rgba(32, 161, 98, 0.5);
}

.shadow-mint-60 {
  box-shadow: 0 0 12px 2px rgba(32, 161, 98, 0.6);
}

.shadow-mint-70 {
  box-shadow: 0 0 12px 2px rgba(32, 161, 98, 0.7);
}

.shadow-mint-80 {
  box-shadow: 0 0 12px 2px rgba(32, 161, 98, 0.8);
}

.shadow-mint-90 {
  box-shadow: 0 0 12px 2px rgba(32, 161, 98, 0.9);
}

.shadow-blue {
  box-shadow: 0 0 12px 2px rgb(36, 134, 185);
}

.shadow-blue-10 {
  box-shadow: 0 0 12px 2px rgba(36, 134, 185, 0.1);
}

.shadow-blue-20 {
  box-shadow: 0 0 12px 2px rgba(36, 134, 185, 0.2);
}

.shadow-blue-30 {
  box-shadow: 0 0 12px 2px rgba(36, 134, 185, 0.3);
}

.shadow-blue-40 {
  box-shadow: 0 0 12px 2px rgba(36, 134, 185, 0.4);
}

.shadow-blue-50 {
  box-shadow: 0 0 12px 2px rgba(36, 134, 185, 0.5);
}

.shadow-blue-60 {
  box-shadow: 0 0 12px 2px rgba(36, 134, 185, 0.6);
}

.shadow-blue-70 {
  box-shadow: 0 0 12px 2px rgba(36, 134, 185, 0.7);
}

.shadow-blue-80 {
  box-shadow: 0 0 12px 2px rgba(36, 134, 185, 0.8);
}

.shadow-blue-90 {
  box-shadow: 0 0 12px 2px rgba(36, 134, 185, 0.9);
}

.shadow-ocean-blue {
  box-shadow: 0 0 12px 2px rgb(14, 176, 201);
}

.shadow-ocean-blue-10 {
  box-shadow: 0 0 12px 2px rgba(14, 176, 201, 0.1);
}

.shadow-ocean-blue-20 {
  box-shadow: 0 0 12px 2px rgba(14, 176, 201, 0.2);
}

.shadow-ocean-blue-30 {
  box-shadow: 0 0 12px 2px rgba(14, 176, 201, 0.3);
}

.shadow-ocean-blue-40 {
  box-shadow: 0 0 12px 2px rgba(14, 176, 201, 0.4);
}

.shadow-ocean-blue-50 {
  box-shadow: 0 0 12px 2px rgba(14, 176, 201, 0.5);
}

.shadow-ocean-blue-60 {
  box-shadow: 0 0 12px 2px rgba(14, 176, 201, 0.6);
}

.shadow-ocean-blue-70 {
  box-shadow: 0 0 12px 2px rgba(14, 176, 201, 0.7);
}

.shadow-ocean-blue-80 {
  box-shadow: 0 0 12px 2px rgba(14, 176, 201, 0.8);
}

.shadow-ocean-blue-90 {
  box-shadow: 0 0 12px 2px rgba(14, 176, 201, 0.9);
}

.shadow-deep-blue {
  box-shadow: 0 0 12px 2px rgb(4, 87, 251);
}

.shadow-deep-blue-10 {
  box-shadow: 0 0 12px 2px rgba(4, 87, 251, 0.1);
}

.shadow-deep-blue-20 {
  box-shadow: 0 0 12px 2px rgba(4, 87, 251, 0.2);
}

.shadow-deep-blue-30 {
  box-shadow: 0 0 12px 2px rgba(4, 87, 251, 0.3);
}

.shadow-deep-blue-40 {
  box-shadow: 0 0 12px 2px rgba(4, 87, 251, 0.4);
}

.shadow-deep-blue-50 {
  box-shadow: 0 0 12px 2px rgba(4, 87, 251, 0.5);
}

.shadow-deep-blue-60 {
  box-shadow: 0 0 12px 2px rgba(4, 87, 251, 0.6);
}

.shadow-deep-blue-70 {
  box-shadow: 0 0 12px 2px rgba(4, 87, 251, 0.7);
}

.shadow-deep-blue-80 {
  box-shadow: 0 0 12px 2px rgba(4, 87, 251, 0.8);
}

.shadow-deep-blue-90 {
  box-shadow: 0 0 12px 2px rgba(4, 87, 251, 0.9);
}

.shadow-sea-blue {
  box-shadow: 0 0 12px 2px rgb(1, 112, 227);
}

.shadow-sea-blue-10 {
  box-shadow: 0 0 12px 2px rgba(1, 112, 227, 0.1);
}

.shadow-sea-blue-20 {
  box-shadow: 0 0 12px 2px rgba(1, 112, 227, 0.2);
}

.shadow-sea-blue-30 {
  box-shadow: 0 0 12px 2px rgba(1, 112, 227, 0.3);
}

.shadow-sea-blue-40 {
  box-shadow: 0 0 12px 2px rgba(1, 112, 227, 0.4);
}

.shadow-sea-blue-50 {
  box-shadow: 0 0 12px 2px rgba(1, 112, 227, 0.5);
}

.shadow-sea-blue-60 {
  box-shadow: 0 0 12px 2px rgba(1, 112, 227, 0.6);
}

.shadow-sea-blue-70 {
  box-shadow: 0 0 12px 2px rgba(1, 112, 227, 0.7);
}

.shadow-sea-blue-80 {
  box-shadow: 0 0 12px 2px rgba(1, 112, 227, 0.8);
}

.shadow-sea-blue-90 {
  box-shadow: 0 0 12px 2px rgba(1, 112, 227, 0.9);
}

.shadow-yellow {
  box-shadow: 0 0 12px 2px rgb(251, 205, 49);
}

.shadow-yellow-10 {
  box-shadow: 0 0 12px 2px rgba(251, 205, 49, 0.1);
}

.shadow-yellow-20 {
  box-shadow: 0 0 12px 2px rgba(251, 205, 49, 0.2);
}

.shadow-yellow-30 {
  box-shadow: 0 0 12px 2px rgba(251, 205, 49, 0.3);
}

.shadow-yellow-40 {
  box-shadow: 0 0 12px 2px rgba(251, 205, 49, 0.4);
}

.shadow-yellow-50 {
  box-shadow: 0 0 12px 2px rgba(251, 205, 49, 0.5);
}

.shadow-yellow-60 {
  box-shadow: 0 0 12px 2px rgba(251, 205, 49, 0.6);
}

.shadow-yellow-70 {
  box-shadow: 0 0 12px 2px rgba(251, 205, 49, 0.7);
}

.shadow-yellow-80 {
  box-shadow: 0 0 12px 2px rgba(251, 205, 49, 0.8);
}

.shadow-yellow-90 {
  box-shadow: 0 0 12px 2px rgba(251, 205, 49, 0.9);
}

.shadow-gold {
  box-shadow: 0 0 12px 2px rgb(252, 195, 7);
}

.shadow-gold-10 {
  box-shadow: 0 0 12px 2px rgba(252, 195, 7, 0.1);
}

.shadow-gold-20 {
  box-shadow: 0 0 12px 2px rgba(252, 195, 7, 0.2);
}

.shadow-gold-30 {
  box-shadow: 0 0 12px 2px rgba(252, 195, 7, 0.3);
}

.shadow-gold-40 {
  box-shadow: 0 0 12px 2px rgba(252, 195, 7, 0.4);
}

.shadow-gold-50 {
  box-shadow: 0 0 12px 2px rgba(252, 195, 7, 0.5);
}

.shadow-gold-60 {
  box-shadow: 0 0 12px 2px rgba(252, 195, 7, 0.6);
}

.shadow-gold-70 {
  box-shadow: 0 0 12px 2px rgba(252, 195, 7, 0.7);
}

.shadow-gold-80 {
  box-shadow: 0 0 12px 2px rgba(252, 195, 7, 0.8);
}

.shadow-gold-90 {
  box-shadow: 0 0 12px 2px rgba(252, 195, 7, 0.9);
}

.shadow-purple {
  box-shadow: 0 0 12px 2px rgb(126, 22, 113);
}

.shadow-purple-10 {
  box-shadow: 0 0 12px 2px rgba(126, 22, 113, 0.1);
}

.shadow-purple-20 {
  box-shadow: 0 0 12px 2px rgba(126, 22, 113, 0.2);
}

.shadow-purple-30 {
  box-shadow: 0 0 12px 2px rgba(126, 22, 113, 0.3);
}

.shadow-purple-40 {
  box-shadow: 0 0 12px 2px rgba(126, 22, 113, 0.4);
}

.shadow-purple-50 {
  box-shadow: 0 0 12px 2px rgba(126, 22, 113, 0.5);
}

.shadow-purple-60 {
  box-shadow: 0 0 12px 2px rgba(126, 22, 113, 0.6);
}

.shadow-purple-70 {
  box-shadow: 0 0 12px 2px rgba(126, 22, 113, 0.7);
}

.shadow-purple-80 {
  box-shadow: 0 0 12px 2px rgba(126, 22, 113, 0.8);
}

.shadow-purple-90 {
  box-shadow: 0 0 12px 2px rgba(126, 22, 113, 0.9);
}

.shadow-lilac {
  box-shadow: 0 0 12px 2px rgb(128, 109, 158);
}

.shadow-lilac-10 {
  box-shadow: 0 0 12px 2px rgba(128, 109, 158, 0.1);
}

.shadow-lilac-20 {
  box-shadow: 0 0 12px 2px rgba(128, 109, 158, 0.2);
}

.shadow-lilac-30 {
  box-shadow: 0 0 12px 2px rgba(128, 109, 158, 0.3);
}

.shadow-lilac-40 {
  box-shadow: 0 0 12px 2px rgba(128, 109, 158, 0.4);
}

.shadow-lilac-50 {
  box-shadow: 0 0 12px 2px rgba(128, 109, 158, 0.5);
}

.shadow-lilac-60 {
  box-shadow: 0 0 12px 2px rgba(128, 109, 158, 0.6);
}

.shadow-lilac-70 {
  box-shadow: 0 0 12px 2px rgba(128, 109, 158, 0.7);
}

.shadow-lilac-80 {
  box-shadow: 0 0 12px 2px rgba(128, 109, 158, 0.8);
}

.shadow-lilac-90 {
  box-shadow: 0 0 12px 2px rgba(128, 109, 158, 0.9);
}

.shadow-brown {
  box-shadow: 0 0 12px 2px rgb(145, 128, 114);
}

.shadow-brown-10 {
  box-shadow: 0 0 12px 2px rgba(145, 128, 114, 0.1);
}

.shadow-brown-20 {
  box-shadow: 0 0 12px 2px rgba(145, 128, 114, 0.2);
}

.shadow-brown-30 {
  box-shadow: 0 0 12px 2px rgba(145, 128, 114, 0.3);
}

.shadow-brown-40 {
  box-shadow: 0 0 12px 2px rgba(145, 128, 114, 0.4);
}

.shadow-brown-50 {
  box-shadow: 0 0 12px 2px rgba(145, 128, 114, 0.5);
}

.shadow-brown-60 {
  box-shadow: 0 0 12px 2px rgba(145, 128, 114, 0.6);
}

.shadow-brown-70 {
  box-shadow: 0 0 12px 2px rgba(145, 128, 114, 0.7);
}

.shadow-brown-80 {
  box-shadow: 0 0 12px 2px rgba(145, 128, 114, 0.8);
}

.shadow-brown-90 {
  box-shadow: 0 0 12px 2px rgba(145, 128, 114, 0.9);
}

.shadow-pink {
  box-shadow: 0 0 12px 2px rgb(232, 122, 144);
}

.shadow-pink-10 {
  box-shadow: 0 0 12px 2px rgba(232, 122, 144, 0.1);
}

.shadow-pink-20 {
  box-shadow: 0 0 12px 2px rgba(232, 122, 144, 0.2);
}

.shadow-pink-30 {
  box-shadow: 0 0 12px 2px rgba(232, 122, 144, 0.3);
}

.shadow-pink-40 {
  box-shadow: 0 0 12px 2px rgba(232, 122, 144, 0.4);
}

.shadow-pink-50 {
  box-shadow: 0 0 12px 2px rgba(232, 122, 144, 0.5);
}

.shadow-pink-60 {
  box-shadow: 0 0 12px 2px rgba(232, 122, 144, 0.6);
}

.shadow-pink-70 {
  box-shadow: 0 0 12px 2px rgba(232, 122, 144, 0.7);
}

.shadow-pink-80 {
  box-shadow: 0 0 12px 2px rgba(232, 122, 144, 0.8);
}

.shadow-pink-90 {
  box-shadow: 0 0 12px 2px rgba(232, 122, 144, 0.9);
}

.float-up {
  transition: transform 0.3s ease;
}
.float-up:hover {
  transform: translateY(-5px);
}

.float-down {
  transition: transform 0.3s ease;
}
.float-down:hover {
  transform: translateY(5px);
}

.sm-fat {
  border-radius: 50px;
  padding: 10px 15px;
}

.tag {
  font-size: 0.85em;
  border-radius: 50px;
  padding: 5px 13px;
}

.hover-glass-red {
  background: rgba(222, 49, 49, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(222, 49, 49, 0.2);
  box-shadow: 0 8px 32px rgba(222, 49, 49, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-red:hover {
  background: rgba(222, 49, 49, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(222, 49, 49, 0.25);
}
.hover-glass-red:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(222, 49, 49, 0.2);
}

.hover-glass-red-10 {
  background: rgba(222, 49, 49, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(222, 49, 49, 0.2);
  box-shadow: 0 8px 32px rgba(222, 49, 49, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-red-10:hover {
  background: rgba(222, 49, 49, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(222, 49, 49, 0.25);
}
.hover-glass-red-10:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(222, 49, 49, 0.2);
}

.hover-glass-red-20 {
  background: rgba(222, 49, 49, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(222, 49, 49, 0.2);
  box-shadow: 0 8px 32px rgba(222, 49, 49, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-red-20:hover {
  background: rgba(222, 49, 49, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(222, 49, 49, 0.25);
}
.hover-glass-red-20:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(222, 49, 49, 0.2);
}

.hover-glass-red-30 {
  background: rgba(222, 49, 49, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(222, 49, 49, 0.2);
  box-shadow: 0 8px 32px rgba(222, 49, 49, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-red-30:hover {
  background: rgba(222, 49, 49, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(222, 49, 49, 0.25);
}
.hover-glass-red-30:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(222, 49, 49, 0.2);
}

.hover-glass-red-40 {
  background: rgba(222, 49, 49, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(222, 49, 49, 0.2);
  box-shadow: 0 8px 32px rgba(222, 49, 49, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-red-40:hover {
  background: rgba(222, 49, 49, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(222, 49, 49, 0.25);
}
.hover-glass-red-40:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(222, 49, 49, 0.2);
}

.hover-glass-red-50 {
  background: rgba(222, 49, 49, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(222, 49, 49, 0.2);
  box-shadow: 0 8px 32px rgba(222, 49, 49, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-red-50:hover {
  background: rgba(222, 49, 49, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(222, 49, 49, 0.25);
}
.hover-glass-red-50:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(222, 49, 49, 0.2);
}

.hover-glass-red-60 {
  background: rgba(222, 49, 49, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(222, 49, 49, 0.2);
  box-shadow: 0 8px 32px rgba(222, 49, 49, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-red-60:hover {
  background: rgba(222, 49, 49, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(222, 49, 49, 0.25);
}
.hover-glass-red-60:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(222, 49, 49, 0.2);
}

.hover-glass-red-70 {
  background: rgba(222, 49, 49, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(222, 49, 49, 0.2);
  box-shadow: 0 8px 32px rgba(222, 49, 49, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-red-70:hover {
  background: rgba(222, 49, 49, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(222, 49, 49, 0.25);
}
.hover-glass-red-70:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(222, 49, 49, 0.2);
}

.hover-glass-red-80 {
  background: rgba(222, 49, 49, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(222, 49, 49, 0.2);
  box-shadow: 0 8px 32px rgba(222, 49, 49, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-red-80:hover {
  background: rgba(222, 49, 49, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(222, 49, 49, 0.25);
}
.hover-glass-red-80:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(222, 49, 49, 0.2);
}

.hover-glass-red-90 {
  background: rgba(222, 49, 49, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(222, 49, 49, 0.2);
  box-shadow: 0 8px 32px rgba(222, 49, 49, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-red-90:hover {
  background: rgba(222, 49, 49, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(222, 49, 49, 0.25);
}
.hover-glass-red-90:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(222, 49, 49, 0.2);
}

.hover-glass-orange {
  background: rgba(239, 99, 43, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(239, 99, 43, 0.2);
  box-shadow: 0 8px 32px rgba(239, 99, 43, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-orange:hover {
  background: rgba(239, 99, 43, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(239, 99, 43, 0.25);
}
.hover-glass-orange:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(239, 99, 43, 0.2);
}

.hover-glass-orange-10 {
  background: rgba(239, 99, 43, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(239, 99, 43, 0.2);
  box-shadow: 0 8px 32px rgba(239, 99, 43, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-orange-10:hover {
  background: rgba(239, 99, 43, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(239, 99, 43, 0.25);
}
.hover-glass-orange-10:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(239, 99, 43, 0.2);
}

.hover-glass-orange-20 {
  background: rgba(239, 99, 43, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(239, 99, 43, 0.2);
  box-shadow: 0 8px 32px rgba(239, 99, 43, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-orange-20:hover {
  background: rgba(239, 99, 43, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(239, 99, 43, 0.25);
}
.hover-glass-orange-20:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(239, 99, 43, 0.2);
}

.hover-glass-orange-30 {
  background: rgba(239, 99, 43, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(239, 99, 43, 0.2);
  box-shadow: 0 8px 32px rgba(239, 99, 43, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-orange-30:hover {
  background: rgba(239, 99, 43, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(239, 99, 43, 0.25);
}
.hover-glass-orange-30:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(239, 99, 43, 0.2);
}

.hover-glass-orange-40 {
  background: rgba(239, 99, 43, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(239, 99, 43, 0.2);
  box-shadow: 0 8px 32px rgba(239, 99, 43, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-orange-40:hover {
  background: rgba(239, 99, 43, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(239, 99, 43, 0.25);
}
.hover-glass-orange-40:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(239, 99, 43, 0.2);
}

.hover-glass-orange-50 {
  background: rgba(239, 99, 43, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(239, 99, 43, 0.2);
  box-shadow: 0 8px 32px rgba(239, 99, 43, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-orange-50:hover {
  background: rgba(239, 99, 43, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(239, 99, 43, 0.25);
}
.hover-glass-orange-50:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(239, 99, 43, 0.2);
}

.hover-glass-orange-60 {
  background: rgba(239, 99, 43, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(239, 99, 43, 0.2);
  box-shadow: 0 8px 32px rgba(239, 99, 43, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-orange-60:hover {
  background: rgba(239, 99, 43, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(239, 99, 43, 0.25);
}
.hover-glass-orange-60:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(239, 99, 43, 0.2);
}

.hover-glass-orange-70 {
  background: rgba(239, 99, 43, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(239, 99, 43, 0.2);
  box-shadow: 0 8px 32px rgba(239, 99, 43, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-orange-70:hover {
  background: rgba(239, 99, 43, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(239, 99, 43, 0.25);
}
.hover-glass-orange-70:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(239, 99, 43, 0.2);
}

.hover-glass-orange-80 {
  background: rgba(239, 99, 43, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(239, 99, 43, 0.2);
  box-shadow: 0 8px 32px rgba(239, 99, 43, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-orange-80:hover {
  background: rgba(239, 99, 43, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(239, 99, 43, 0.25);
}
.hover-glass-orange-80:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(239, 99, 43, 0.2);
}

.hover-glass-orange-90 {
  background: rgba(239, 99, 43, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(239, 99, 43, 0.2);
  box-shadow: 0 8px 32px rgba(239, 99, 43, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-orange-90:hover {
  background: rgba(239, 99, 43, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(239, 99, 43, 0.25);
}
.hover-glass-orange-90:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(239, 99, 43, 0.2);
}

.hover-glass-tangerine {
  background: rgba(250, 126, 35, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(250, 126, 35, 0.2);
  box-shadow: 0 8px 32px rgba(250, 126, 35, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-tangerine:hover {
  background: rgba(250, 126, 35, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(250, 126, 35, 0.25);
}
.hover-glass-tangerine:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(250, 126, 35, 0.2);
}

.hover-glass-tangerine-10 {
  background: rgba(250, 126, 35, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(250, 126, 35, 0.2);
  box-shadow: 0 8px 32px rgba(250, 126, 35, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-tangerine-10:hover {
  background: rgba(250, 126, 35, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(250, 126, 35, 0.25);
}
.hover-glass-tangerine-10:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(250, 126, 35, 0.2);
}

.hover-glass-tangerine-20 {
  background: rgba(250, 126, 35, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(250, 126, 35, 0.2);
  box-shadow: 0 8px 32px rgba(250, 126, 35, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-tangerine-20:hover {
  background: rgba(250, 126, 35, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(250, 126, 35, 0.25);
}
.hover-glass-tangerine-20:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(250, 126, 35, 0.2);
}

.hover-glass-tangerine-30 {
  background: rgba(250, 126, 35, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(250, 126, 35, 0.2);
  box-shadow: 0 8px 32px rgba(250, 126, 35, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-tangerine-30:hover {
  background: rgba(250, 126, 35, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(250, 126, 35, 0.25);
}
.hover-glass-tangerine-30:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(250, 126, 35, 0.2);
}

.hover-glass-tangerine-40 {
  background: rgba(250, 126, 35, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(250, 126, 35, 0.2);
  box-shadow: 0 8px 32px rgba(250, 126, 35, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-tangerine-40:hover {
  background: rgba(250, 126, 35, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(250, 126, 35, 0.25);
}
.hover-glass-tangerine-40:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(250, 126, 35, 0.2);
}

.hover-glass-tangerine-50 {
  background: rgba(250, 126, 35, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(250, 126, 35, 0.2);
  box-shadow: 0 8px 32px rgba(250, 126, 35, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-tangerine-50:hover {
  background: rgba(250, 126, 35, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(250, 126, 35, 0.25);
}
.hover-glass-tangerine-50:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(250, 126, 35, 0.2);
}

.hover-glass-tangerine-60 {
  background: rgba(250, 126, 35, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(250, 126, 35, 0.2);
  box-shadow: 0 8px 32px rgba(250, 126, 35, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-tangerine-60:hover {
  background: rgba(250, 126, 35, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(250, 126, 35, 0.25);
}
.hover-glass-tangerine-60:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(250, 126, 35, 0.2);
}

.hover-glass-tangerine-70 {
  background: rgba(250, 126, 35, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(250, 126, 35, 0.2);
  box-shadow: 0 8px 32px rgba(250, 126, 35, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-tangerine-70:hover {
  background: rgba(250, 126, 35, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(250, 126, 35, 0.25);
}
.hover-glass-tangerine-70:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(250, 126, 35, 0.2);
}

.hover-glass-tangerine-80 {
  background: rgba(250, 126, 35, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(250, 126, 35, 0.2);
  box-shadow: 0 8px 32px rgba(250, 126, 35, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-tangerine-80:hover {
  background: rgba(250, 126, 35, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(250, 126, 35, 0.25);
}
.hover-glass-tangerine-80:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(250, 126, 35, 0.2);
}

.hover-glass-tangerine-90 {
  background: rgba(250, 126, 35, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(250, 126, 35, 0.2);
  box-shadow: 0 8px 32px rgba(250, 126, 35, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-tangerine-90:hover {
  background: rgba(250, 126, 35, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(250, 126, 35, 0.25);
}
.hover-glass-tangerine-90:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(250, 126, 35, 0.2);
}

.hover-glass-green {
  background: rgba(36, 128, 103, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(36, 128, 103, 0.2);
  box-shadow: 0 8px 32px rgba(36, 128, 103, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-green:hover {
  background: rgba(36, 128, 103, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(36, 128, 103, 0.25);
}
.hover-glass-green:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(36, 128, 103, 0.2);
}

.hover-glass-green-10 {
  background: rgba(36, 128, 103, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(36, 128, 103, 0.2);
  box-shadow: 0 8px 32px rgba(36, 128, 103, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-green-10:hover {
  background: rgba(36, 128, 103, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(36, 128, 103, 0.25);
}
.hover-glass-green-10:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(36, 128, 103, 0.2);
}

.hover-glass-green-20 {
  background: rgba(36, 128, 103, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(36, 128, 103, 0.2);
  box-shadow: 0 8px 32px rgba(36, 128, 103, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-green-20:hover {
  background: rgba(36, 128, 103, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(36, 128, 103, 0.25);
}
.hover-glass-green-20:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(36, 128, 103, 0.2);
}

.hover-glass-green-30 {
  background: rgba(36, 128, 103, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(36, 128, 103, 0.2);
  box-shadow: 0 8px 32px rgba(36, 128, 103, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-green-30:hover {
  background: rgba(36, 128, 103, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(36, 128, 103, 0.25);
}
.hover-glass-green-30:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(36, 128, 103, 0.2);
}

.hover-glass-green-40 {
  background: rgba(36, 128, 103, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(36, 128, 103, 0.2);
  box-shadow: 0 8px 32px rgba(36, 128, 103, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-green-40:hover {
  background: rgba(36, 128, 103, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(36, 128, 103, 0.25);
}
.hover-glass-green-40:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(36, 128, 103, 0.2);
}

.hover-glass-green-50 {
  background: rgba(36, 128, 103, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(36, 128, 103, 0.2);
  box-shadow: 0 8px 32px rgba(36, 128, 103, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-green-50:hover {
  background: rgba(36, 128, 103, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(36, 128, 103, 0.25);
}
.hover-glass-green-50:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(36, 128, 103, 0.2);
}

.hover-glass-green-60 {
  background: rgba(36, 128, 103, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(36, 128, 103, 0.2);
  box-shadow: 0 8px 32px rgba(36, 128, 103, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-green-60:hover {
  background: rgba(36, 128, 103, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(36, 128, 103, 0.25);
}
.hover-glass-green-60:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(36, 128, 103, 0.2);
}

.hover-glass-green-70 {
  background: rgba(36, 128, 103, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(36, 128, 103, 0.2);
  box-shadow: 0 8px 32px rgba(36, 128, 103, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-green-70:hover {
  background: rgba(36, 128, 103, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(36, 128, 103, 0.25);
}
.hover-glass-green-70:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(36, 128, 103, 0.2);
}

.hover-glass-green-80 {
  background: rgba(36, 128, 103, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(36, 128, 103, 0.2);
  box-shadow: 0 8px 32px rgba(36, 128, 103, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-green-80:hover {
  background: rgba(36, 128, 103, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(36, 128, 103, 0.25);
}
.hover-glass-green-80:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(36, 128, 103, 0.2);
}

.hover-glass-green-90 {
  background: rgba(36, 128, 103, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(36, 128, 103, 0.2);
  box-shadow: 0 8px 32px rgba(36, 128, 103, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-green-90:hover {
  background: rgba(36, 128, 103, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(36, 128, 103, 0.25);
}
.hover-glass-green-90:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(36, 128, 103, 0.2);
}

.hover-glass-emerald {
  background: rgba(34, 148, 83, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(34, 148, 83, 0.2);
  box-shadow: 0 8px 32px rgba(34, 148, 83, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-emerald:hover {
  background: rgba(34, 148, 83, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(34, 148, 83, 0.25);
}
.hover-glass-emerald:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(34, 148, 83, 0.2);
}

.hover-glass-emerald-10 {
  background: rgba(34, 148, 83, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(34, 148, 83, 0.2);
  box-shadow: 0 8px 32px rgba(34, 148, 83, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-emerald-10:hover {
  background: rgba(34, 148, 83, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(34, 148, 83, 0.25);
}
.hover-glass-emerald-10:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(34, 148, 83, 0.2);
}

.hover-glass-emerald-20 {
  background: rgba(34, 148, 83, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(34, 148, 83, 0.2);
  box-shadow: 0 8px 32px rgba(34, 148, 83, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-emerald-20:hover {
  background: rgba(34, 148, 83, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(34, 148, 83, 0.25);
}
.hover-glass-emerald-20:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(34, 148, 83, 0.2);
}

.hover-glass-emerald-30 {
  background: rgba(34, 148, 83, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(34, 148, 83, 0.2);
  box-shadow: 0 8px 32px rgba(34, 148, 83, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-emerald-30:hover {
  background: rgba(34, 148, 83, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(34, 148, 83, 0.25);
}
.hover-glass-emerald-30:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(34, 148, 83, 0.2);
}

.hover-glass-emerald-40 {
  background: rgba(34, 148, 83, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(34, 148, 83, 0.2);
  box-shadow: 0 8px 32px rgba(34, 148, 83, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-emerald-40:hover {
  background: rgba(34, 148, 83, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(34, 148, 83, 0.25);
}
.hover-glass-emerald-40:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(34, 148, 83, 0.2);
}

.hover-glass-emerald-50 {
  background: rgba(34, 148, 83, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(34, 148, 83, 0.2);
  box-shadow: 0 8px 32px rgba(34, 148, 83, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-emerald-50:hover {
  background: rgba(34, 148, 83, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(34, 148, 83, 0.25);
}
.hover-glass-emerald-50:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(34, 148, 83, 0.2);
}

.hover-glass-emerald-60 {
  background: rgba(34, 148, 83, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(34, 148, 83, 0.2);
  box-shadow: 0 8px 32px rgba(34, 148, 83, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-emerald-60:hover {
  background: rgba(34, 148, 83, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(34, 148, 83, 0.25);
}
.hover-glass-emerald-60:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(34, 148, 83, 0.2);
}

.hover-glass-emerald-70 {
  background: rgba(34, 148, 83, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(34, 148, 83, 0.2);
  box-shadow: 0 8px 32px rgba(34, 148, 83, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-emerald-70:hover {
  background: rgba(34, 148, 83, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(34, 148, 83, 0.25);
}
.hover-glass-emerald-70:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(34, 148, 83, 0.2);
}

.hover-glass-emerald-80 {
  background: rgba(34, 148, 83, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(34, 148, 83, 0.2);
  box-shadow: 0 8px 32px rgba(34, 148, 83, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-emerald-80:hover {
  background: rgba(34, 148, 83, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(34, 148, 83, 0.25);
}
.hover-glass-emerald-80:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(34, 148, 83, 0.2);
}

.hover-glass-emerald-90 {
  background: rgba(34, 148, 83, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(34, 148, 83, 0.2);
  box-shadow: 0 8px 32px rgba(34, 148, 83, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-emerald-90:hover {
  background: rgba(34, 148, 83, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(34, 148, 83, 0.25);
}
.hover-glass-emerald-90:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(34, 148, 83, 0.2);
}

.hover-glass-mint {
  background: rgba(32, 161, 98, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(32, 161, 98, 0.2);
  box-shadow: 0 8px 32px rgba(32, 161, 98, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-mint:hover {
  background: rgba(32, 161, 98, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(32, 161, 98, 0.25);
}
.hover-glass-mint:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(32, 161, 98, 0.2);
}

.hover-glass-mint-10 {
  background: rgba(32, 161, 98, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(32, 161, 98, 0.2);
  box-shadow: 0 8px 32px rgba(32, 161, 98, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-mint-10:hover {
  background: rgba(32, 161, 98, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(32, 161, 98, 0.25);
}
.hover-glass-mint-10:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(32, 161, 98, 0.2);
}

.hover-glass-mint-20 {
  background: rgba(32, 161, 98, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(32, 161, 98, 0.2);
  box-shadow: 0 8px 32px rgba(32, 161, 98, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-mint-20:hover {
  background: rgba(32, 161, 98, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(32, 161, 98, 0.25);
}
.hover-glass-mint-20:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(32, 161, 98, 0.2);
}

.hover-glass-mint-30 {
  background: rgba(32, 161, 98, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(32, 161, 98, 0.2);
  box-shadow: 0 8px 32px rgba(32, 161, 98, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-mint-30:hover {
  background: rgba(32, 161, 98, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(32, 161, 98, 0.25);
}
.hover-glass-mint-30:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(32, 161, 98, 0.2);
}

.hover-glass-mint-40 {
  background: rgba(32, 161, 98, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(32, 161, 98, 0.2);
  box-shadow: 0 8px 32px rgba(32, 161, 98, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-mint-40:hover {
  background: rgba(32, 161, 98, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(32, 161, 98, 0.25);
}
.hover-glass-mint-40:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(32, 161, 98, 0.2);
}

.hover-glass-mint-50 {
  background: rgba(32, 161, 98, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(32, 161, 98, 0.2);
  box-shadow: 0 8px 32px rgba(32, 161, 98, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-mint-50:hover {
  background: rgba(32, 161, 98, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(32, 161, 98, 0.25);
}
.hover-glass-mint-50:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(32, 161, 98, 0.2);
}

.hover-glass-mint-60 {
  background: rgba(32, 161, 98, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(32, 161, 98, 0.2);
  box-shadow: 0 8px 32px rgba(32, 161, 98, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-mint-60:hover {
  background: rgba(32, 161, 98, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(32, 161, 98, 0.25);
}
.hover-glass-mint-60:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(32, 161, 98, 0.2);
}

.hover-glass-mint-70 {
  background: rgba(32, 161, 98, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(32, 161, 98, 0.2);
  box-shadow: 0 8px 32px rgba(32, 161, 98, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-mint-70:hover {
  background: rgba(32, 161, 98, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(32, 161, 98, 0.25);
}
.hover-glass-mint-70:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(32, 161, 98, 0.2);
}

.hover-glass-mint-80 {
  background: rgba(32, 161, 98, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(32, 161, 98, 0.2);
  box-shadow: 0 8px 32px rgba(32, 161, 98, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-mint-80:hover {
  background: rgba(32, 161, 98, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(32, 161, 98, 0.25);
}
.hover-glass-mint-80:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(32, 161, 98, 0.2);
}

.hover-glass-mint-90 {
  background: rgba(32, 161, 98, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(32, 161, 98, 0.2);
  box-shadow: 0 8px 32px rgba(32, 161, 98, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-mint-90:hover {
  background: rgba(32, 161, 98, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(32, 161, 98, 0.25);
}
.hover-glass-mint-90:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(32, 161, 98, 0.2);
}

.hover-glass-blue {
  background: rgba(36, 134, 185, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(36, 134, 185, 0.2);
  box-shadow: 0 8px 32px rgba(36, 134, 185, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-blue:hover {
  background: rgba(36, 134, 185, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(36, 134, 185, 0.25);
}
.hover-glass-blue:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(36, 134, 185, 0.2);
}

.hover-glass-blue-10 {
  background: rgba(36, 134, 185, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(36, 134, 185, 0.2);
  box-shadow: 0 8px 32px rgba(36, 134, 185, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-blue-10:hover {
  background: rgba(36, 134, 185, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(36, 134, 185, 0.25);
}
.hover-glass-blue-10:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(36, 134, 185, 0.2);
}

.hover-glass-blue-20 {
  background: rgba(36, 134, 185, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(36, 134, 185, 0.2);
  box-shadow: 0 8px 32px rgba(36, 134, 185, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-blue-20:hover {
  background: rgba(36, 134, 185, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(36, 134, 185, 0.25);
}
.hover-glass-blue-20:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(36, 134, 185, 0.2);
}

.hover-glass-blue-30 {
  background: rgba(36, 134, 185, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(36, 134, 185, 0.2);
  box-shadow: 0 8px 32px rgba(36, 134, 185, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-blue-30:hover {
  background: rgba(36, 134, 185, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(36, 134, 185, 0.25);
}
.hover-glass-blue-30:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(36, 134, 185, 0.2);
}

.hover-glass-blue-40 {
  background: rgba(36, 134, 185, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(36, 134, 185, 0.2);
  box-shadow: 0 8px 32px rgba(36, 134, 185, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-blue-40:hover {
  background: rgba(36, 134, 185, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(36, 134, 185, 0.25);
}
.hover-glass-blue-40:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(36, 134, 185, 0.2);
}

.hover-glass-blue-50 {
  background: rgba(36, 134, 185, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(36, 134, 185, 0.2);
  box-shadow: 0 8px 32px rgba(36, 134, 185, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-blue-50:hover {
  background: rgba(36, 134, 185, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(36, 134, 185, 0.25);
}
.hover-glass-blue-50:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(36, 134, 185, 0.2);
}

.hover-glass-blue-60 {
  background: rgba(36, 134, 185, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(36, 134, 185, 0.2);
  box-shadow: 0 8px 32px rgba(36, 134, 185, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-blue-60:hover {
  background: rgba(36, 134, 185, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(36, 134, 185, 0.25);
}
.hover-glass-blue-60:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(36, 134, 185, 0.2);
}

.hover-glass-blue-70 {
  background: rgba(36, 134, 185, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(36, 134, 185, 0.2);
  box-shadow: 0 8px 32px rgba(36, 134, 185, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-blue-70:hover {
  background: rgba(36, 134, 185, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(36, 134, 185, 0.25);
}
.hover-glass-blue-70:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(36, 134, 185, 0.2);
}

.hover-glass-blue-80 {
  background: rgba(36, 134, 185, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(36, 134, 185, 0.2);
  box-shadow: 0 8px 32px rgba(36, 134, 185, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-blue-80:hover {
  background: rgba(36, 134, 185, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(36, 134, 185, 0.25);
}
.hover-glass-blue-80:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(36, 134, 185, 0.2);
}

.hover-glass-blue-90 {
  background: rgba(36, 134, 185, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(36, 134, 185, 0.2);
  box-shadow: 0 8px 32px rgba(36, 134, 185, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-blue-90:hover {
  background: rgba(36, 134, 185, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(36, 134, 185, 0.25);
}
.hover-glass-blue-90:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(36, 134, 185, 0.2);
}

.hover-glass-ocean-blue {
  background: rgba(14, 176, 201, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(14, 176, 201, 0.2);
  box-shadow: 0 8px 32px rgba(14, 176, 201, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-ocean-blue:hover {
  background: rgba(14, 176, 201, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(14, 176, 201, 0.25);
}
.hover-glass-ocean-blue:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(14, 176, 201, 0.2);
}

.hover-glass-ocean-blue-10 {
  background: rgba(14, 176, 201, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(14, 176, 201, 0.2);
  box-shadow: 0 8px 32px rgba(14, 176, 201, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-ocean-blue-10:hover {
  background: rgba(14, 176, 201, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(14, 176, 201, 0.25);
}
.hover-glass-ocean-blue-10:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(14, 176, 201, 0.2);
}

.hover-glass-ocean-blue-20 {
  background: rgba(14, 176, 201, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(14, 176, 201, 0.2);
  box-shadow: 0 8px 32px rgba(14, 176, 201, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-ocean-blue-20:hover {
  background: rgba(14, 176, 201, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(14, 176, 201, 0.25);
}
.hover-glass-ocean-blue-20:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(14, 176, 201, 0.2);
}

.hover-glass-ocean-blue-30 {
  background: rgba(14, 176, 201, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(14, 176, 201, 0.2);
  box-shadow: 0 8px 32px rgba(14, 176, 201, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-ocean-blue-30:hover {
  background: rgba(14, 176, 201, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(14, 176, 201, 0.25);
}
.hover-glass-ocean-blue-30:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(14, 176, 201, 0.2);
}

.hover-glass-ocean-blue-40 {
  background: rgba(14, 176, 201, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(14, 176, 201, 0.2);
  box-shadow: 0 8px 32px rgba(14, 176, 201, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-ocean-blue-40:hover {
  background: rgba(14, 176, 201, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(14, 176, 201, 0.25);
}
.hover-glass-ocean-blue-40:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(14, 176, 201, 0.2);
}

.hover-glass-ocean-blue-50 {
  background: rgba(14, 176, 201, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(14, 176, 201, 0.2);
  box-shadow: 0 8px 32px rgba(14, 176, 201, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-ocean-blue-50:hover {
  background: rgba(14, 176, 201, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(14, 176, 201, 0.25);
}
.hover-glass-ocean-blue-50:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(14, 176, 201, 0.2);
}

.hover-glass-ocean-blue-60 {
  background: rgba(14, 176, 201, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(14, 176, 201, 0.2);
  box-shadow: 0 8px 32px rgba(14, 176, 201, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-ocean-blue-60:hover {
  background: rgba(14, 176, 201, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(14, 176, 201, 0.25);
}
.hover-glass-ocean-blue-60:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(14, 176, 201, 0.2);
}

.hover-glass-ocean-blue-70 {
  background: rgba(14, 176, 201, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(14, 176, 201, 0.2);
  box-shadow: 0 8px 32px rgba(14, 176, 201, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-ocean-blue-70:hover {
  background: rgba(14, 176, 201, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(14, 176, 201, 0.25);
}
.hover-glass-ocean-blue-70:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(14, 176, 201, 0.2);
}

.hover-glass-ocean-blue-80 {
  background: rgba(14, 176, 201, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(14, 176, 201, 0.2);
  box-shadow: 0 8px 32px rgba(14, 176, 201, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-ocean-blue-80:hover {
  background: rgba(14, 176, 201, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(14, 176, 201, 0.25);
}
.hover-glass-ocean-blue-80:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(14, 176, 201, 0.2);
}

.hover-glass-ocean-blue-90 {
  background: rgba(14, 176, 201, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(14, 176, 201, 0.2);
  box-shadow: 0 8px 32px rgba(14, 176, 201, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-ocean-blue-90:hover {
  background: rgba(14, 176, 201, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(14, 176, 201, 0.25);
}
.hover-glass-ocean-blue-90:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(14, 176, 201, 0.2);
}

.hover-glass-deep-blue {
  background: rgba(4, 87, 251, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(4, 87, 251, 0.2);
  box-shadow: 0 8px 32px rgba(4, 87, 251, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-deep-blue:hover {
  background: rgba(4, 87, 251, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(4, 87, 251, 0.25);
}
.hover-glass-deep-blue:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(4, 87, 251, 0.2);
}

.hover-glass-deep-blue-10 {
  background: rgba(4, 87, 251, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(4, 87, 251, 0.2);
  box-shadow: 0 8px 32px rgba(4, 87, 251, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-deep-blue-10:hover {
  background: rgba(4, 87, 251, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(4, 87, 251, 0.25);
}
.hover-glass-deep-blue-10:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(4, 87, 251, 0.2);
}

.hover-glass-deep-blue-20 {
  background: rgba(4, 87, 251, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(4, 87, 251, 0.2);
  box-shadow: 0 8px 32px rgba(4, 87, 251, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-deep-blue-20:hover {
  background: rgba(4, 87, 251, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(4, 87, 251, 0.25);
}
.hover-glass-deep-blue-20:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(4, 87, 251, 0.2);
}

.hover-glass-deep-blue-30 {
  background: rgba(4, 87, 251, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(4, 87, 251, 0.2);
  box-shadow: 0 8px 32px rgba(4, 87, 251, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-deep-blue-30:hover {
  background: rgba(4, 87, 251, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(4, 87, 251, 0.25);
}
.hover-glass-deep-blue-30:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(4, 87, 251, 0.2);
}

.hover-glass-deep-blue-40 {
  background: rgba(4, 87, 251, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(4, 87, 251, 0.2);
  box-shadow: 0 8px 32px rgba(4, 87, 251, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-deep-blue-40:hover {
  background: rgba(4, 87, 251, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(4, 87, 251, 0.25);
}
.hover-glass-deep-blue-40:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(4, 87, 251, 0.2);
}

.hover-glass-deep-blue-50 {
  background: rgba(4, 87, 251, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(4, 87, 251, 0.2);
  box-shadow: 0 8px 32px rgba(4, 87, 251, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-deep-blue-50:hover {
  background: rgba(4, 87, 251, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(4, 87, 251, 0.25);
}
.hover-glass-deep-blue-50:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(4, 87, 251, 0.2);
}

.hover-glass-deep-blue-60 {
  background: rgba(4, 87, 251, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(4, 87, 251, 0.2);
  box-shadow: 0 8px 32px rgba(4, 87, 251, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-deep-blue-60:hover {
  background: rgba(4, 87, 251, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(4, 87, 251, 0.25);
}
.hover-glass-deep-blue-60:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(4, 87, 251, 0.2);
}

.hover-glass-deep-blue-70 {
  background: rgba(4, 87, 251, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(4, 87, 251, 0.2);
  box-shadow: 0 8px 32px rgba(4, 87, 251, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-deep-blue-70:hover {
  background: rgba(4, 87, 251, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(4, 87, 251, 0.25);
}
.hover-glass-deep-blue-70:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(4, 87, 251, 0.2);
}

.hover-glass-deep-blue-80 {
  background: rgba(4, 87, 251, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(4, 87, 251, 0.2);
  box-shadow: 0 8px 32px rgba(4, 87, 251, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-deep-blue-80:hover {
  background: rgba(4, 87, 251, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(4, 87, 251, 0.25);
}
.hover-glass-deep-blue-80:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(4, 87, 251, 0.2);
}

.hover-glass-deep-blue-90 {
  background: rgba(4, 87, 251, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(4, 87, 251, 0.2);
  box-shadow: 0 8px 32px rgba(4, 87, 251, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-deep-blue-90:hover {
  background: rgba(4, 87, 251, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(4, 87, 251, 0.25);
}
.hover-glass-deep-blue-90:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(4, 87, 251, 0.2);
}

.hover-glass-sea-blue {
  background: rgba(1, 112, 227, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(1, 112, 227, 0.2);
  box-shadow: 0 8px 32px rgba(1, 112, 227, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-sea-blue:hover {
  background: rgba(1, 112, 227, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(1, 112, 227, 0.25);
}
.hover-glass-sea-blue:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(1, 112, 227, 0.2);
}

.hover-glass-sea-blue-10 {
  background: rgba(1, 112, 227, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(1, 112, 227, 0.2);
  box-shadow: 0 8px 32px rgba(1, 112, 227, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-sea-blue-10:hover {
  background: rgba(1, 112, 227, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(1, 112, 227, 0.25);
}
.hover-glass-sea-blue-10:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(1, 112, 227, 0.2);
}

.hover-glass-sea-blue-20 {
  background: rgba(1, 112, 227, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(1, 112, 227, 0.2);
  box-shadow: 0 8px 32px rgba(1, 112, 227, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-sea-blue-20:hover {
  background: rgba(1, 112, 227, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(1, 112, 227, 0.25);
}
.hover-glass-sea-blue-20:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(1, 112, 227, 0.2);
}

.hover-glass-sea-blue-30 {
  background: rgba(1, 112, 227, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(1, 112, 227, 0.2);
  box-shadow: 0 8px 32px rgba(1, 112, 227, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-sea-blue-30:hover {
  background: rgba(1, 112, 227, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(1, 112, 227, 0.25);
}
.hover-glass-sea-blue-30:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(1, 112, 227, 0.2);
}

.hover-glass-sea-blue-40 {
  background: rgba(1, 112, 227, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(1, 112, 227, 0.2);
  box-shadow: 0 8px 32px rgba(1, 112, 227, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-sea-blue-40:hover {
  background: rgba(1, 112, 227, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(1, 112, 227, 0.25);
}
.hover-glass-sea-blue-40:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(1, 112, 227, 0.2);
}

.hover-glass-sea-blue-50 {
  background: rgba(1, 112, 227, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(1, 112, 227, 0.2);
  box-shadow: 0 8px 32px rgba(1, 112, 227, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-sea-blue-50:hover {
  background: rgba(1, 112, 227, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(1, 112, 227, 0.25);
}
.hover-glass-sea-blue-50:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(1, 112, 227, 0.2);
}

.hover-glass-sea-blue-60 {
  background: rgba(1, 112, 227, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(1, 112, 227, 0.2);
  box-shadow: 0 8px 32px rgba(1, 112, 227, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-sea-blue-60:hover {
  background: rgba(1, 112, 227, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(1, 112, 227, 0.25);
}
.hover-glass-sea-blue-60:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(1, 112, 227, 0.2);
}

.hover-glass-sea-blue-70 {
  background: rgba(1, 112, 227, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(1, 112, 227, 0.2);
  box-shadow: 0 8px 32px rgba(1, 112, 227, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-sea-blue-70:hover {
  background: rgba(1, 112, 227, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(1, 112, 227, 0.25);
}
.hover-glass-sea-blue-70:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(1, 112, 227, 0.2);
}

.hover-glass-sea-blue-80 {
  background: rgba(1, 112, 227, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(1, 112, 227, 0.2);
  box-shadow: 0 8px 32px rgba(1, 112, 227, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-sea-blue-80:hover {
  background: rgba(1, 112, 227, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(1, 112, 227, 0.25);
}
.hover-glass-sea-blue-80:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(1, 112, 227, 0.2);
}

.hover-glass-sea-blue-90 {
  background: rgba(1, 112, 227, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(1, 112, 227, 0.2);
  box-shadow: 0 8px 32px rgba(1, 112, 227, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-sea-blue-90:hover {
  background: rgba(1, 112, 227, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(1, 112, 227, 0.25);
}
.hover-glass-sea-blue-90:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(1, 112, 227, 0.2);
}

.hover-glass-yellow {
  background: rgba(251, 205, 49, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(251, 205, 49, 0.2);
  box-shadow: 0 8px 32px rgba(251, 205, 49, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-yellow:hover {
  background: rgba(251, 205, 49, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(251, 205, 49, 0.25);
}
.hover-glass-yellow:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(251, 205, 49, 0.2);
}

.hover-glass-yellow-10 {
  background: rgba(251, 205, 49, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(251, 205, 49, 0.2);
  box-shadow: 0 8px 32px rgba(251, 205, 49, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-yellow-10:hover {
  background: rgba(251, 205, 49, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(251, 205, 49, 0.25);
}
.hover-glass-yellow-10:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(251, 205, 49, 0.2);
}

.hover-glass-yellow-20 {
  background: rgba(251, 205, 49, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(251, 205, 49, 0.2);
  box-shadow: 0 8px 32px rgba(251, 205, 49, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-yellow-20:hover {
  background: rgba(251, 205, 49, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(251, 205, 49, 0.25);
}
.hover-glass-yellow-20:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(251, 205, 49, 0.2);
}

.hover-glass-yellow-30 {
  background: rgba(251, 205, 49, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(251, 205, 49, 0.2);
  box-shadow: 0 8px 32px rgba(251, 205, 49, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-yellow-30:hover {
  background: rgba(251, 205, 49, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(251, 205, 49, 0.25);
}
.hover-glass-yellow-30:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(251, 205, 49, 0.2);
}

.hover-glass-yellow-40 {
  background: rgba(251, 205, 49, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(251, 205, 49, 0.2);
  box-shadow: 0 8px 32px rgba(251, 205, 49, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-yellow-40:hover {
  background: rgba(251, 205, 49, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(251, 205, 49, 0.25);
}
.hover-glass-yellow-40:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(251, 205, 49, 0.2);
}

.hover-glass-yellow-50 {
  background: rgba(251, 205, 49, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(251, 205, 49, 0.2);
  box-shadow: 0 8px 32px rgba(251, 205, 49, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-yellow-50:hover {
  background: rgba(251, 205, 49, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(251, 205, 49, 0.25);
}
.hover-glass-yellow-50:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(251, 205, 49, 0.2);
}

.hover-glass-yellow-60 {
  background: rgba(251, 205, 49, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(251, 205, 49, 0.2);
  box-shadow: 0 8px 32px rgba(251, 205, 49, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-yellow-60:hover {
  background: rgba(251, 205, 49, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(251, 205, 49, 0.25);
}
.hover-glass-yellow-60:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(251, 205, 49, 0.2);
}

.hover-glass-yellow-70 {
  background: rgba(251, 205, 49, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(251, 205, 49, 0.2);
  box-shadow: 0 8px 32px rgba(251, 205, 49, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-yellow-70:hover {
  background: rgba(251, 205, 49, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(251, 205, 49, 0.25);
}
.hover-glass-yellow-70:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(251, 205, 49, 0.2);
}

.hover-glass-yellow-80 {
  background: rgba(251, 205, 49, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(251, 205, 49, 0.2);
  box-shadow: 0 8px 32px rgba(251, 205, 49, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-yellow-80:hover {
  background: rgba(251, 205, 49, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(251, 205, 49, 0.25);
}
.hover-glass-yellow-80:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(251, 205, 49, 0.2);
}

.hover-glass-yellow-90 {
  background: rgba(251, 205, 49, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(251, 205, 49, 0.2);
  box-shadow: 0 8px 32px rgba(251, 205, 49, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-yellow-90:hover {
  background: rgba(251, 205, 49, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(251, 205, 49, 0.25);
}
.hover-glass-yellow-90:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(251, 205, 49, 0.2);
}

.hover-glass-gold {
  background: rgba(252, 195, 7, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(252, 195, 7, 0.2);
  box-shadow: 0 8px 32px rgba(252, 195, 7, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-gold:hover {
  background: rgba(252, 195, 7, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(252, 195, 7, 0.25);
}
.hover-glass-gold:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(252, 195, 7, 0.2);
}

.hover-glass-gold-10 {
  background: rgba(252, 195, 7, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(252, 195, 7, 0.2);
  box-shadow: 0 8px 32px rgba(252, 195, 7, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-gold-10:hover {
  background: rgba(252, 195, 7, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(252, 195, 7, 0.25);
}
.hover-glass-gold-10:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(252, 195, 7, 0.2);
}

.hover-glass-gold-20 {
  background: rgba(252, 195, 7, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(252, 195, 7, 0.2);
  box-shadow: 0 8px 32px rgba(252, 195, 7, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-gold-20:hover {
  background: rgba(252, 195, 7, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(252, 195, 7, 0.25);
}
.hover-glass-gold-20:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(252, 195, 7, 0.2);
}

.hover-glass-gold-30 {
  background: rgba(252, 195, 7, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(252, 195, 7, 0.2);
  box-shadow: 0 8px 32px rgba(252, 195, 7, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-gold-30:hover {
  background: rgba(252, 195, 7, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(252, 195, 7, 0.25);
}
.hover-glass-gold-30:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(252, 195, 7, 0.2);
}

.hover-glass-gold-40 {
  background: rgba(252, 195, 7, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(252, 195, 7, 0.2);
  box-shadow: 0 8px 32px rgba(252, 195, 7, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-gold-40:hover {
  background: rgba(252, 195, 7, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(252, 195, 7, 0.25);
}
.hover-glass-gold-40:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(252, 195, 7, 0.2);
}

.hover-glass-gold-50 {
  background: rgba(252, 195, 7, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(252, 195, 7, 0.2);
  box-shadow: 0 8px 32px rgba(252, 195, 7, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-gold-50:hover {
  background: rgba(252, 195, 7, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(252, 195, 7, 0.25);
}
.hover-glass-gold-50:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(252, 195, 7, 0.2);
}

.hover-glass-gold-60 {
  background: rgba(252, 195, 7, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(252, 195, 7, 0.2);
  box-shadow: 0 8px 32px rgba(252, 195, 7, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-gold-60:hover {
  background: rgba(252, 195, 7, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(252, 195, 7, 0.25);
}
.hover-glass-gold-60:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(252, 195, 7, 0.2);
}

.hover-glass-gold-70 {
  background: rgba(252, 195, 7, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(252, 195, 7, 0.2);
  box-shadow: 0 8px 32px rgba(252, 195, 7, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-gold-70:hover {
  background: rgba(252, 195, 7, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(252, 195, 7, 0.25);
}
.hover-glass-gold-70:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(252, 195, 7, 0.2);
}

.hover-glass-gold-80 {
  background: rgba(252, 195, 7, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(252, 195, 7, 0.2);
  box-shadow: 0 8px 32px rgba(252, 195, 7, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-gold-80:hover {
  background: rgba(252, 195, 7, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(252, 195, 7, 0.25);
}
.hover-glass-gold-80:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(252, 195, 7, 0.2);
}

.hover-glass-gold-90 {
  background: rgba(252, 195, 7, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(252, 195, 7, 0.2);
  box-shadow: 0 8px 32px rgba(252, 195, 7, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-gold-90:hover {
  background: rgba(252, 195, 7, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(252, 195, 7, 0.25);
}
.hover-glass-gold-90:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(252, 195, 7, 0.2);
}

.hover-glass-purple {
  background: rgba(126, 22, 113, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(126, 22, 113, 0.2);
  box-shadow: 0 8px 32px rgba(126, 22, 113, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-purple:hover {
  background: rgba(126, 22, 113, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(126, 22, 113, 0.25);
}
.hover-glass-purple:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(126, 22, 113, 0.2);
}

.hover-glass-purple-10 {
  background: rgba(126, 22, 113, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(126, 22, 113, 0.2);
  box-shadow: 0 8px 32px rgba(126, 22, 113, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-purple-10:hover {
  background: rgba(126, 22, 113, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(126, 22, 113, 0.25);
}
.hover-glass-purple-10:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(126, 22, 113, 0.2);
}

.hover-glass-purple-20 {
  background: rgba(126, 22, 113, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(126, 22, 113, 0.2);
  box-shadow: 0 8px 32px rgba(126, 22, 113, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-purple-20:hover {
  background: rgba(126, 22, 113, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(126, 22, 113, 0.25);
}
.hover-glass-purple-20:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(126, 22, 113, 0.2);
}

.hover-glass-purple-30 {
  background: rgba(126, 22, 113, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(126, 22, 113, 0.2);
  box-shadow: 0 8px 32px rgba(126, 22, 113, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-purple-30:hover {
  background: rgba(126, 22, 113, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(126, 22, 113, 0.25);
}
.hover-glass-purple-30:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(126, 22, 113, 0.2);
}

.hover-glass-purple-40 {
  background: rgba(126, 22, 113, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(126, 22, 113, 0.2);
  box-shadow: 0 8px 32px rgba(126, 22, 113, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-purple-40:hover {
  background: rgba(126, 22, 113, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(126, 22, 113, 0.25);
}
.hover-glass-purple-40:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(126, 22, 113, 0.2);
}

.hover-glass-purple-50 {
  background: rgba(126, 22, 113, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(126, 22, 113, 0.2);
  box-shadow: 0 8px 32px rgba(126, 22, 113, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-purple-50:hover {
  background: rgba(126, 22, 113, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(126, 22, 113, 0.25);
}
.hover-glass-purple-50:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(126, 22, 113, 0.2);
}

.hover-glass-purple-60 {
  background: rgba(126, 22, 113, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(126, 22, 113, 0.2);
  box-shadow: 0 8px 32px rgba(126, 22, 113, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-purple-60:hover {
  background: rgba(126, 22, 113, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(126, 22, 113, 0.25);
}
.hover-glass-purple-60:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(126, 22, 113, 0.2);
}

.hover-glass-purple-70 {
  background: rgba(126, 22, 113, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(126, 22, 113, 0.2);
  box-shadow: 0 8px 32px rgba(126, 22, 113, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-purple-70:hover {
  background: rgba(126, 22, 113, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(126, 22, 113, 0.25);
}
.hover-glass-purple-70:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(126, 22, 113, 0.2);
}

.hover-glass-purple-80 {
  background: rgba(126, 22, 113, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(126, 22, 113, 0.2);
  box-shadow: 0 8px 32px rgba(126, 22, 113, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-purple-80:hover {
  background: rgba(126, 22, 113, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(126, 22, 113, 0.25);
}
.hover-glass-purple-80:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(126, 22, 113, 0.2);
}

.hover-glass-purple-90 {
  background: rgba(126, 22, 113, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(126, 22, 113, 0.2);
  box-shadow: 0 8px 32px rgba(126, 22, 113, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-purple-90:hover {
  background: rgba(126, 22, 113, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(126, 22, 113, 0.25);
}
.hover-glass-purple-90:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(126, 22, 113, 0.2);
}

.hover-glass-lilac {
  background: rgba(128, 109, 158, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(128, 109, 158, 0.2);
  box-shadow: 0 8px 32px rgba(128, 109, 158, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-lilac:hover {
  background: rgba(128, 109, 158, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(128, 109, 158, 0.25);
}
.hover-glass-lilac:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(128, 109, 158, 0.2);
}

.hover-glass-lilac-10 {
  background: rgba(128, 109, 158, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(128, 109, 158, 0.2);
  box-shadow: 0 8px 32px rgba(128, 109, 158, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-lilac-10:hover {
  background: rgba(128, 109, 158, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(128, 109, 158, 0.25);
}
.hover-glass-lilac-10:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(128, 109, 158, 0.2);
}

.hover-glass-lilac-20 {
  background: rgba(128, 109, 158, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(128, 109, 158, 0.2);
  box-shadow: 0 8px 32px rgba(128, 109, 158, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-lilac-20:hover {
  background: rgba(128, 109, 158, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(128, 109, 158, 0.25);
}
.hover-glass-lilac-20:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(128, 109, 158, 0.2);
}

.hover-glass-lilac-30 {
  background: rgba(128, 109, 158, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(128, 109, 158, 0.2);
  box-shadow: 0 8px 32px rgba(128, 109, 158, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-lilac-30:hover {
  background: rgba(128, 109, 158, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(128, 109, 158, 0.25);
}
.hover-glass-lilac-30:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(128, 109, 158, 0.2);
}

.hover-glass-lilac-40 {
  background: rgba(128, 109, 158, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(128, 109, 158, 0.2);
  box-shadow: 0 8px 32px rgba(128, 109, 158, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-lilac-40:hover {
  background: rgba(128, 109, 158, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(128, 109, 158, 0.25);
}
.hover-glass-lilac-40:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(128, 109, 158, 0.2);
}

.hover-glass-lilac-50 {
  background: rgba(128, 109, 158, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(128, 109, 158, 0.2);
  box-shadow: 0 8px 32px rgba(128, 109, 158, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-lilac-50:hover {
  background: rgba(128, 109, 158, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(128, 109, 158, 0.25);
}
.hover-glass-lilac-50:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(128, 109, 158, 0.2);
}

.hover-glass-lilac-60 {
  background: rgba(128, 109, 158, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(128, 109, 158, 0.2);
  box-shadow: 0 8px 32px rgba(128, 109, 158, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-lilac-60:hover {
  background: rgba(128, 109, 158, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(128, 109, 158, 0.25);
}
.hover-glass-lilac-60:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(128, 109, 158, 0.2);
}

.hover-glass-lilac-70 {
  background: rgba(128, 109, 158, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(128, 109, 158, 0.2);
  box-shadow: 0 8px 32px rgba(128, 109, 158, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-lilac-70:hover {
  background: rgba(128, 109, 158, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(128, 109, 158, 0.25);
}
.hover-glass-lilac-70:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(128, 109, 158, 0.2);
}

.hover-glass-lilac-80 {
  background: rgba(128, 109, 158, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(128, 109, 158, 0.2);
  box-shadow: 0 8px 32px rgba(128, 109, 158, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-lilac-80:hover {
  background: rgba(128, 109, 158, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(128, 109, 158, 0.25);
}
.hover-glass-lilac-80:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(128, 109, 158, 0.2);
}

.hover-glass-lilac-90 {
  background: rgba(128, 109, 158, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(128, 109, 158, 0.2);
  box-shadow: 0 8px 32px rgba(128, 109, 158, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-lilac-90:hover {
  background: rgba(128, 109, 158, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(128, 109, 158, 0.25);
}
.hover-glass-lilac-90:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(128, 109, 158, 0.2);
}

.hover-glass-brown {
  background: rgba(145, 128, 114, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(145, 128, 114, 0.2);
  box-shadow: 0 8px 32px rgba(145, 128, 114, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-brown:hover {
  background: rgba(145, 128, 114, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(145, 128, 114, 0.25);
}
.hover-glass-brown:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(145, 128, 114, 0.2);
}

.hover-glass-brown-10 {
  background: rgba(145, 128, 114, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(145, 128, 114, 0.2);
  box-shadow: 0 8px 32px rgba(145, 128, 114, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-brown-10:hover {
  background: rgba(145, 128, 114, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(145, 128, 114, 0.25);
}
.hover-glass-brown-10:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(145, 128, 114, 0.2);
}

.hover-glass-brown-20 {
  background: rgba(145, 128, 114, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(145, 128, 114, 0.2);
  box-shadow: 0 8px 32px rgba(145, 128, 114, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-brown-20:hover {
  background: rgba(145, 128, 114, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(145, 128, 114, 0.25);
}
.hover-glass-brown-20:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(145, 128, 114, 0.2);
}

.hover-glass-brown-30 {
  background: rgba(145, 128, 114, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(145, 128, 114, 0.2);
  box-shadow: 0 8px 32px rgba(145, 128, 114, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-brown-30:hover {
  background: rgba(145, 128, 114, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(145, 128, 114, 0.25);
}
.hover-glass-brown-30:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(145, 128, 114, 0.2);
}

.hover-glass-brown-40 {
  background: rgba(145, 128, 114, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(145, 128, 114, 0.2);
  box-shadow: 0 8px 32px rgba(145, 128, 114, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-brown-40:hover {
  background: rgba(145, 128, 114, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(145, 128, 114, 0.25);
}
.hover-glass-brown-40:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(145, 128, 114, 0.2);
}

.hover-glass-brown-50 {
  background: rgba(145, 128, 114, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(145, 128, 114, 0.2);
  box-shadow: 0 8px 32px rgba(145, 128, 114, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-brown-50:hover {
  background: rgba(145, 128, 114, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(145, 128, 114, 0.25);
}
.hover-glass-brown-50:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(145, 128, 114, 0.2);
}

.hover-glass-brown-60 {
  background: rgba(145, 128, 114, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(145, 128, 114, 0.2);
  box-shadow: 0 8px 32px rgba(145, 128, 114, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-brown-60:hover {
  background: rgba(145, 128, 114, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(145, 128, 114, 0.25);
}
.hover-glass-brown-60:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(145, 128, 114, 0.2);
}

.hover-glass-brown-70 {
  background: rgba(145, 128, 114, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(145, 128, 114, 0.2);
  box-shadow: 0 8px 32px rgba(145, 128, 114, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-brown-70:hover {
  background: rgba(145, 128, 114, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(145, 128, 114, 0.25);
}
.hover-glass-brown-70:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(145, 128, 114, 0.2);
}

.hover-glass-brown-80 {
  background: rgba(145, 128, 114, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(145, 128, 114, 0.2);
  box-shadow: 0 8px 32px rgba(145, 128, 114, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-brown-80:hover {
  background: rgba(145, 128, 114, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(145, 128, 114, 0.25);
}
.hover-glass-brown-80:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(145, 128, 114, 0.2);
}

.hover-glass-brown-90 {
  background: rgba(145, 128, 114, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(145, 128, 114, 0.2);
  box-shadow: 0 8px 32px rgba(145, 128, 114, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-brown-90:hover {
  background: rgba(145, 128, 114, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(145, 128, 114, 0.25);
}
.hover-glass-brown-90:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(145, 128, 114, 0.2);
}

.hover-glass-pink {
  background: rgba(232, 122, 144, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(232, 122, 144, 0.2);
  box-shadow: 0 8px 32px rgba(232, 122, 144, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-pink:hover {
  background: rgba(232, 122, 144, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(232, 122, 144, 0.25);
}
.hover-glass-pink:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(232, 122, 144, 0.2);
}

.hover-glass-pink-10 {
  background: rgba(232, 122, 144, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(232, 122, 144, 0.2);
  box-shadow: 0 8px 32px rgba(232, 122, 144, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-pink-10:hover {
  background: rgba(232, 122, 144, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(232, 122, 144, 0.25);
}
.hover-glass-pink-10:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(232, 122, 144, 0.2);
}

.hover-glass-pink-20 {
  background: rgba(232, 122, 144, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(232, 122, 144, 0.2);
  box-shadow: 0 8px 32px rgba(232, 122, 144, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-pink-20:hover {
  background: rgba(232, 122, 144, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(232, 122, 144, 0.25);
}
.hover-glass-pink-20:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(232, 122, 144, 0.2);
}

.hover-glass-pink-30 {
  background: rgba(232, 122, 144, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(232, 122, 144, 0.2);
  box-shadow: 0 8px 32px rgba(232, 122, 144, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-pink-30:hover {
  background: rgba(232, 122, 144, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(232, 122, 144, 0.25);
}
.hover-glass-pink-30:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(232, 122, 144, 0.2);
}

.hover-glass-pink-40 {
  background: rgba(232, 122, 144, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(232, 122, 144, 0.2);
  box-shadow: 0 8px 32px rgba(232, 122, 144, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-pink-40:hover {
  background: rgba(232, 122, 144, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(232, 122, 144, 0.25);
}
.hover-glass-pink-40:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(232, 122, 144, 0.2);
}

.hover-glass-pink-50 {
  background: rgba(232, 122, 144, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(232, 122, 144, 0.2);
  box-shadow: 0 8px 32px rgba(232, 122, 144, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-pink-50:hover {
  background: rgba(232, 122, 144, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(232, 122, 144, 0.25);
}
.hover-glass-pink-50:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(232, 122, 144, 0.2);
}

.hover-glass-pink-60 {
  background: rgba(232, 122, 144, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(232, 122, 144, 0.2);
  box-shadow: 0 8px 32px rgba(232, 122, 144, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-pink-60:hover {
  background: rgba(232, 122, 144, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(232, 122, 144, 0.25);
}
.hover-glass-pink-60:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(232, 122, 144, 0.2);
}

.hover-glass-pink-70 {
  background: rgba(232, 122, 144, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(232, 122, 144, 0.2);
  box-shadow: 0 8px 32px rgba(232, 122, 144, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-pink-70:hover {
  background: rgba(232, 122, 144, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(232, 122, 144, 0.25);
}
.hover-glass-pink-70:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(232, 122, 144, 0.2);
}

.hover-glass-pink-80 {
  background: rgba(232, 122, 144, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(232, 122, 144, 0.2);
  box-shadow: 0 8px 32px rgba(232, 122, 144, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-pink-80:hover {
  background: rgba(232, 122, 144, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(232, 122, 144, 0.25);
}
.hover-glass-pink-80:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(232, 122, 144, 0.2);
}

.hover-glass-pink-90 {
  background: rgba(232, 122, 144, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(232, 122, 144, 0.2);
  box-shadow: 0 8px 32px rgba(232, 122, 144, 0.2);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  color: white;
}
.hover-glass-pink-90:hover {
  background: rgba(232, 122, 144, 0.15);
  transform: scale(1.05);
  box-shadow: 0 12px 40px rgba(232, 122, 144, 0.25);
}
.hover-glass-pink-90:active {
  transform: scale(0.96);
  box-shadow: 0 4px 16px rgba(232, 122, 144, 0.2);
}

.hover-border {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border:focus {
  color: #171e29;
}
.hover-border:hover {
  border-color: #06f;
  color: #06f;
  fill: #06f;
}
.hover-border:active {
  border-color: #06f;
  color: #06f;
  fill: #06f;
}

.hover-border-red {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-red:focus {
  color: rgb(222, 49, 49);
}
.hover-border-red:hover {
  border-color: rgb(222, 49, 49);
  color: rgb(222, 49, 49);
  fill: rgb(222, 49, 49);
}
.hover-border-red:active {
  border-color: rgb(222, 49, 49);
  color: rgb(222, 49, 49);
  fill: rgb(222, 49, 49);
}

.hover-border-red-10 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-red-10:focus {
  color: rgba(222, 49, 49, 0.1);
}
.hover-border-red-10:hover {
  border-color: rgba(222, 49, 49, 0.1);
  color: rgba(222, 49, 49, 0.1);
  fill: rgba(222, 49, 49, 0.1);
}
.hover-border-red-10:active {
  border-color: rgba(222, 49, 49, 0.1);
  color: rgba(222, 49, 49, 0.1);
  fill: rgba(222, 49, 49, 0.1);
}

.hover-border-red-20 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-red-20:focus {
  color: rgba(222, 49, 49, 0.2);
}
.hover-border-red-20:hover {
  border-color: rgba(222, 49, 49, 0.2);
  color: rgba(222, 49, 49, 0.2);
  fill: rgba(222, 49, 49, 0.2);
}
.hover-border-red-20:active {
  border-color: rgba(222, 49, 49, 0.2);
  color: rgba(222, 49, 49, 0.2);
  fill: rgba(222, 49, 49, 0.2);
}

.hover-border-red-30 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-red-30:focus {
  color: rgba(222, 49, 49, 0.3);
}
.hover-border-red-30:hover {
  border-color: rgba(222, 49, 49, 0.3);
  color: rgba(222, 49, 49, 0.3);
  fill: rgba(222, 49, 49, 0.3);
}
.hover-border-red-30:active {
  border-color: rgba(222, 49, 49, 0.3);
  color: rgba(222, 49, 49, 0.3);
  fill: rgba(222, 49, 49, 0.3);
}

.hover-border-red-40 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-red-40:focus {
  color: rgba(222, 49, 49, 0.4);
}
.hover-border-red-40:hover {
  border-color: rgba(222, 49, 49, 0.4);
  color: rgba(222, 49, 49, 0.4);
  fill: rgba(222, 49, 49, 0.4);
}
.hover-border-red-40:active {
  border-color: rgba(222, 49, 49, 0.4);
  color: rgba(222, 49, 49, 0.4);
  fill: rgba(222, 49, 49, 0.4);
}

.hover-border-red-50 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-red-50:focus {
  color: rgba(222, 49, 49, 0.5);
}
.hover-border-red-50:hover {
  border-color: rgba(222, 49, 49, 0.5);
  color: rgba(222, 49, 49, 0.5);
  fill: rgba(222, 49, 49, 0.5);
}
.hover-border-red-50:active {
  border-color: rgba(222, 49, 49, 0.5);
  color: rgba(222, 49, 49, 0.5);
  fill: rgba(222, 49, 49, 0.5);
}

.hover-border-red-60 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-red-60:focus {
  color: rgba(222, 49, 49, 0.6);
}
.hover-border-red-60:hover {
  border-color: rgba(222, 49, 49, 0.6);
  color: rgba(222, 49, 49, 0.6);
  fill: rgba(222, 49, 49, 0.6);
}
.hover-border-red-60:active {
  border-color: rgba(222, 49, 49, 0.6);
  color: rgba(222, 49, 49, 0.6);
  fill: rgba(222, 49, 49, 0.6);
}

.hover-border-red-70 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-red-70:focus {
  color: rgba(222, 49, 49, 0.7);
}
.hover-border-red-70:hover {
  border-color: rgba(222, 49, 49, 0.7);
  color: rgba(222, 49, 49, 0.7);
  fill: rgba(222, 49, 49, 0.7);
}
.hover-border-red-70:active {
  border-color: rgba(222, 49, 49, 0.7);
  color: rgba(222, 49, 49, 0.7);
  fill: rgba(222, 49, 49, 0.7);
}

.hover-border-red-80 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-red-80:focus {
  color: rgba(222, 49, 49, 0.8);
}
.hover-border-red-80:hover {
  border-color: rgba(222, 49, 49, 0.8);
  color: rgba(222, 49, 49, 0.8);
  fill: rgba(222, 49, 49, 0.8);
}
.hover-border-red-80:active {
  border-color: rgba(222, 49, 49, 0.8);
  color: rgba(222, 49, 49, 0.8);
  fill: rgba(222, 49, 49, 0.8);
}

.hover-border-red-90 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-red-90:focus {
  color: rgba(222, 49, 49, 0.9);
}
.hover-border-red-90:hover {
  border-color: rgba(222, 49, 49, 0.9);
  color: rgba(222, 49, 49, 0.9);
  fill: rgba(222, 49, 49, 0.9);
}
.hover-border-red-90:active {
  border-color: rgba(222, 49, 49, 0.9);
  color: rgba(222, 49, 49, 0.9);
  fill: rgba(222, 49, 49, 0.9);
}

.hover-border-orange {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-orange:focus {
  color: rgb(239, 99, 43);
}
.hover-border-orange:hover {
  border-color: rgb(239, 99, 43);
  color: rgb(239, 99, 43);
  fill: rgb(239, 99, 43);
}
.hover-border-orange:active {
  border-color: rgb(239, 99, 43);
  color: rgb(239, 99, 43);
  fill: rgb(239, 99, 43);
}

.hover-border-orange-10 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-orange-10:focus {
  color: rgba(239, 99, 43, 0.1);
}
.hover-border-orange-10:hover {
  border-color: rgba(239, 99, 43, 0.1);
  color: rgba(239, 99, 43, 0.1);
  fill: rgba(239, 99, 43, 0.1);
}
.hover-border-orange-10:active {
  border-color: rgba(239, 99, 43, 0.1);
  color: rgba(239, 99, 43, 0.1);
  fill: rgba(239, 99, 43, 0.1);
}

.hover-border-orange-20 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-orange-20:focus {
  color: rgba(239, 99, 43, 0.2);
}
.hover-border-orange-20:hover {
  border-color: rgba(239, 99, 43, 0.2);
  color: rgba(239, 99, 43, 0.2);
  fill: rgba(239, 99, 43, 0.2);
}
.hover-border-orange-20:active {
  border-color: rgba(239, 99, 43, 0.2);
  color: rgba(239, 99, 43, 0.2);
  fill: rgba(239, 99, 43, 0.2);
}

.hover-border-orange-30 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-orange-30:focus {
  color: rgba(239, 99, 43, 0.3);
}
.hover-border-orange-30:hover {
  border-color: rgba(239, 99, 43, 0.3);
  color: rgba(239, 99, 43, 0.3);
  fill: rgba(239, 99, 43, 0.3);
}
.hover-border-orange-30:active {
  border-color: rgba(239, 99, 43, 0.3);
  color: rgba(239, 99, 43, 0.3);
  fill: rgba(239, 99, 43, 0.3);
}

.hover-border-orange-40 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-orange-40:focus {
  color: rgba(239, 99, 43, 0.4);
}
.hover-border-orange-40:hover {
  border-color: rgba(239, 99, 43, 0.4);
  color: rgba(239, 99, 43, 0.4);
  fill: rgba(239, 99, 43, 0.4);
}
.hover-border-orange-40:active {
  border-color: rgba(239, 99, 43, 0.4);
  color: rgba(239, 99, 43, 0.4);
  fill: rgba(239, 99, 43, 0.4);
}

.hover-border-orange-50 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-orange-50:focus {
  color: rgba(239, 99, 43, 0.5);
}
.hover-border-orange-50:hover {
  border-color: rgba(239, 99, 43, 0.5);
  color: rgba(239, 99, 43, 0.5);
  fill: rgba(239, 99, 43, 0.5);
}
.hover-border-orange-50:active {
  border-color: rgba(239, 99, 43, 0.5);
  color: rgba(239, 99, 43, 0.5);
  fill: rgba(239, 99, 43, 0.5);
}

.hover-border-orange-60 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-orange-60:focus {
  color: rgba(239, 99, 43, 0.6);
}
.hover-border-orange-60:hover {
  border-color: rgba(239, 99, 43, 0.6);
  color: rgba(239, 99, 43, 0.6);
  fill: rgba(239, 99, 43, 0.6);
}
.hover-border-orange-60:active {
  border-color: rgba(239, 99, 43, 0.6);
  color: rgba(239, 99, 43, 0.6);
  fill: rgba(239, 99, 43, 0.6);
}

.hover-border-orange-70 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-orange-70:focus {
  color: rgba(239, 99, 43, 0.7);
}
.hover-border-orange-70:hover {
  border-color: rgba(239, 99, 43, 0.7);
  color: rgba(239, 99, 43, 0.7);
  fill: rgba(239, 99, 43, 0.7);
}
.hover-border-orange-70:active {
  border-color: rgba(239, 99, 43, 0.7);
  color: rgba(239, 99, 43, 0.7);
  fill: rgba(239, 99, 43, 0.7);
}

.hover-border-orange-80 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-orange-80:focus {
  color: rgba(239, 99, 43, 0.8);
}
.hover-border-orange-80:hover {
  border-color: rgba(239, 99, 43, 0.8);
  color: rgba(239, 99, 43, 0.8);
  fill: rgba(239, 99, 43, 0.8);
}
.hover-border-orange-80:active {
  border-color: rgba(239, 99, 43, 0.8);
  color: rgba(239, 99, 43, 0.8);
  fill: rgba(239, 99, 43, 0.8);
}

.hover-border-orange-90 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-orange-90:focus {
  color: rgba(239, 99, 43, 0.9);
}
.hover-border-orange-90:hover {
  border-color: rgba(239, 99, 43, 0.9);
  color: rgba(239, 99, 43, 0.9);
  fill: rgba(239, 99, 43, 0.9);
}
.hover-border-orange-90:active {
  border-color: rgba(239, 99, 43, 0.9);
  color: rgba(239, 99, 43, 0.9);
  fill: rgba(239, 99, 43, 0.9);
}

.hover-border-tangerine {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tangerine:focus {
  color: rgb(250, 126, 35);
}
.hover-border-tangerine:hover {
  border-color: rgb(250, 126, 35);
  color: rgb(250, 126, 35);
  fill: rgb(250, 126, 35);
}
.hover-border-tangerine:active {
  border-color: rgb(250, 126, 35);
  color: rgb(250, 126, 35);
  fill: rgb(250, 126, 35);
}

.hover-border-tangerine-10 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tangerine-10:focus {
  color: rgba(250, 126, 35, 0.1);
}
.hover-border-tangerine-10:hover {
  border-color: rgba(250, 126, 35, 0.1);
  color: rgba(250, 126, 35, 0.1);
  fill: rgba(250, 126, 35, 0.1);
}
.hover-border-tangerine-10:active {
  border-color: rgba(250, 126, 35, 0.1);
  color: rgba(250, 126, 35, 0.1);
  fill: rgba(250, 126, 35, 0.1);
}

.hover-border-tangerine-20 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tangerine-20:focus {
  color: rgba(250, 126, 35, 0.2);
}
.hover-border-tangerine-20:hover {
  border-color: rgba(250, 126, 35, 0.2);
  color: rgba(250, 126, 35, 0.2);
  fill: rgba(250, 126, 35, 0.2);
}
.hover-border-tangerine-20:active {
  border-color: rgba(250, 126, 35, 0.2);
  color: rgba(250, 126, 35, 0.2);
  fill: rgba(250, 126, 35, 0.2);
}

.hover-border-tangerine-30 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tangerine-30:focus {
  color: rgba(250, 126, 35, 0.3);
}
.hover-border-tangerine-30:hover {
  border-color: rgba(250, 126, 35, 0.3);
  color: rgba(250, 126, 35, 0.3);
  fill: rgba(250, 126, 35, 0.3);
}
.hover-border-tangerine-30:active {
  border-color: rgba(250, 126, 35, 0.3);
  color: rgba(250, 126, 35, 0.3);
  fill: rgba(250, 126, 35, 0.3);
}

.hover-border-tangerine-40 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tangerine-40:focus {
  color: rgba(250, 126, 35, 0.4);
}
.hover-border-tangerine-40:hover {
  border-color: rgba(250, 126, 35, 0.4);
  color: rgba(250, 126, 35, 0.4);
  fill: rgba(250, 126, 35, 0.4);
}
.hover-border-tangerine-40:active {
  border-color: rgba(250, 126, 35, 0.4);
  color: rgba(250, 126, 35, 0.4);
  fill: rgba(250, 126, 35, 0.4);
}

.hover-border-tangerine-50 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tangerine-50:focus {
  color: rgba(250, 126, 35, 0.5);
}
.hover-border-tangerine-50:hover {
  border-color: rgba(250, 126, 35, 0.5);
  color: rgba(250, 126, 35, 0.5);
  fill: rgba(250, 126, 35, 0.5);
}
.hover-border-tangerine-50:active {
  border-color: rgba(250, 126, 35, 0.5);
  color: rgba(250, 126, 35, 0.5);
  fill: rgba(250, 126, 35, 0.5);
}

.hover-border-tangerine-60 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tangerine-60:focus {
  color: rgba(250, 126, 35, 0.6);
}
.hover-border-tangerine-60:hover {
  border-color: rgba(250, 126, 35, 0.6);
  color: rgba(250, 126, 35, 0.6);
  fill: rgba(250, 126, 35, 0.6);
}
.hover-border-tangerine-60:active {
  border-color: rgba(250, 126, 35, 0.6);
  color: rgba(250, 126, 35, 0.6);
  fill: rgba(250, 126, 35, 0.6);
}

.hover-border-tangerine-70 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tangerine-70:focus {
  color: rgba(250, 126, 35, 0.7);
}
.hover-border-tangerine-70:hover {
  border-color: rgba(250, 126, 35, 0.7);
  color: rgba(250, 126, 35, 0.7);
  fill: rgba(250, 126, 35, 0.7);
}
.hover-border-tangerine-70:active {
  border-color: rgba(250, 126, 35, 0.7);
  color: rgba(250, 126, 35, 0.7);
  fill: rgba(250, 126, 35, 0.7);
}

.hover-border-tangerine-80 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tangerine-80:focus {
  color: rgba(250, 126, 35, 0.8);
}
.hover-border-tangerine-80:hover {
  border-color: rgba(250, 126, 35, 0.8);
  color: rgba(250, 126, 35, 0.8);
  fill: rgba(250, 126, 35, 0.8);
}
.hover-border-tangerine-80:active {
  border-color: rgba(250, 126, 35, 0.8);
  color: rgba(250, 126, 35, 0.8);
  fill: rgba(250, 126, 35, 0.8);
}

.hover-border-tangerine-90 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tangerine-90:focus {
  color: rgba(250, 126, 35, 0.9);
}
.hover-border-tangerine-90:hover {
  border-color: rgba(250, 126, 35, 0.9);
  color: rgba(250, 126, 35, 0.9);
  fill: rgba(250, 126, 35, 0.9);
}
.hover-border-tangerine-90:active {
  border-color: rgba(250, 126, 35, 0.9);
  color: rgba(250, 126, 35, 0.9);
  fill: rgba(250, 126, 35, 0.9);
}

.hover-border-green {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-green:focus {
  color: rgb(36, 128, 103);
}
.hover-border-green:hover {
  border-color: rgb(36, 128, 103);
  color: rgb(36, 128, 103);
  fill: rgb(36, 128, 103);
}
.hover-border-green:active {
  border-color: rgb(36, 128, 103);
  color: rgb(36, 128, 103);
  fill: rgb(36, 128, 103);
}

.hover-border-green-10 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-green-10:focus {
  color: rgba(36, 128, 103, 0.1);
}
.hover-border-green-10:hover {
  border-color: rgba(36, 128, 103, 0.1);
  color: rgba(36, 128, 103, 0.1);
  fill: rgba(36, 128, 103, 0.1);
}
.hover-border-green-10:active {
  border-color: rgba(36, 128, 103, 0.1);
  color: rgba(36, 128, 103, 0.1);
  fill: rgba(36, 128, 103, 0.1);
}

.hover-border-green-20 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-green-20:focus {
  color: rgba(36, 128, 103, 0.2);
}
.hover-border-green-20:hover {
  border-color: rgba(36, 128, 103, 0.2);
  color: rgba(36, 128, 103, 0.2);
  fill: rgba(36, 128, 103, 0.2);
}
.hover-border-green-20:active {
  border-color: rgba(36, 128, 103, 0.2);
  color: rgba(36, 128, 103, 0.2);
  fill: rgba(36, 128, 103, 0.2);
}

.hover-border-green-30 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-green-30:focus {
  color: rgba(36, 128, 103, 0.3);
}
.hover-border-green-30:hover {
  border-color: rgba(36, 128, 103, 0.3);
  color: rgba(36, 128, 103, 0.3);
  fill: rgba(36, 128, 103, 0.3);
}
.hover-border-green-30:active {
  border-color: rgba(36, 128, 103, 0.3);
  color: rgba(36, 128, 103, 0.3);
  fill: rgba(36, 128, 103, 0.3);
}

.hover-border-green-40 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-green-40:focus {
  color: rgba(36, 128, 103, 0.4);
}
.hover-border-green-40:hover {
  border-color: rgba(36, 128, 103, 0.4);
  color: rgba(36, 128, 103, 0.4);
  fill: rgba(36, 128, 103, 0.4);
}
.hover-border-green-40:active {
  border-color: rgba(36, 128, 103, 0.4);
  color: rgba(36, 128, 103, 0.4);
  fill: rgba(36, 128, 103, 0.4);
}

.hover-border-green-50 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-green-50:focus {
  color: rgba(36, 128, 103, 0.5);
}
.hover-border-green-50:hover {
  border-color: rgba(36, 128, 103, 0.5);
  color: rgba(36, 128, 103, 0.5);
  fill: rgba(36, 128, 103, 0.5);
}
.hover-border-green-50:active {
  border-color: rgba(36, 128, 103, 0.5);
  color: rgba(36, 128, 103, 0.5);
  fill: rgba(36, 128, 103, 0.5);
}

.hover-border-green-60 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-green-60:focus {
  color: rgba(36, 128, 103, 0.6);
}
.hover-border-green-60:hover {
  border-color: rgba(36, 128, 103, 0.6);
  color: rgba(36, 128, 103, 0.6);
  fill: rgba(36, 128, 103, 0.6);
}
.hover-border-green-60:active {
  border-color: rgba(36, 128, 103, 0.6);
  color: rgba(36, 128, 103, 0.6);
  fill: rgba(36, 128, 103, 0.6);
}

.hover-border-green-70 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-green-70:focus {
  color: rgba(36, 128, 103, 0.7);
}
.hover-border-green-70:hover {
  border-color: rgba(36, 128, 103, 0.7);
  color: rgba(36, 128, 103, 0.7);
  fill: rgba(36, 128, 103, 0.7);
}
.hover-border-green-70:active {
  border-color: rgba(36, 128, 103, 0.7);
  color: rgba(36, 128, 103, 0.7);
  fill: rgba(36, 128, 103, 0.7);
}

.hover-border-green-80 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-green-80:focus {
  color: rgba(36, 128, 103, 0.8);
}
.hover-border-green-80:hover {
  border-color: rgba(36, 128, 103, 0.8);
  color: rgba(36, 128, 103, 0.8);
  fill: rgba(36, 128, 103, 0.8);
}
.hover-border-green-80:active {
  border-color: rgba(36, 128, 103, 0.8);
  color: rgba(36, 128, 103, 0.8);
  fill: rgba(36, 128, 103, 0.8);
}

.hover-border-green-90 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-green-90:focus {
  color: rgba(36, 128, 103, 0.9);
}
.hover-border-green-90:hover {
  border-color: rgba(36, 128, 103, 0.9);
  color: rgba(36, 128, 103, 0.9);
  fill: rgba(36, 128, 103, 0.9);
}
.hover-border-green-90:active {
  border-color: rgba(36, 128, 103, 0.9);
  color: rgba(36, 128, 103, 0.9);
  fill: rgba(36, 128, 103, 0.9);
}

.hover-border-emerald {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-emerald:focus {
  color: rgb(34, 148, 83);
}
.hover-border-emerald:hover {
  border-color: rgb(34, 148, 83);
  color: rgb(34, 148, 83);
  fill: rgb(34, 148, 83);
}
.hover-border-emerald:active {
  border-color: rgb(34, 148, 83);
  color: rgb(34, 148, 83);
  fill: rgb(34, 148, 83);
}

.hover-border-emerald-10 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-emerald-10:focus {
  color: rgba(34, 148, 83, 0.1);
}
.hover-border-emerald-10:hover {
  border-color: rgba(34, 148, 83, 0.1);
  color: rgba(34, 148, 83, 0.1);
  fill: rgba(34, 148, 83, 0.1);
}
.hover-border-emerald-10:active {
  border-color: rgba(34, 148, 83, 0.1);
  color: rgba(34, 148, 83, 0.1);
  fill: rgba(34, 148, 83, 0.1);
}

.hover-border-emerald-20 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-emerald-20:focus {
  color: rgba(34, 148, 83, 0.2);
}
.hover-border-emerald-20:hover {
  border-color: rgba(34, 148, 83, 0.2);
  color: rgba(34, 148, 83, 0.2);
  fill: rgba(34, 148, 83, 0.2);
}
.hover-border-emerald-20:active {
  border-color: rgba(34, 148, 83, 0.2);
  color: rgba(34, 148, 83, 0.2);
  fill: rgba(34, 148, 83, 0.2);
}

.hover-border-emerald-30 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-emerald-30:focus {
  color: rgba(34, 148, 83, 0.3);
}
.hover-border-emerald-30:hover {
  border-color: rgba(34, 148, 83, 0.3);
  color: rgba(34, 148, 83, 0.3);
  fill: rgba(34, 148, 83, 0.3);
}
.hover-border-emerald-30:active {
  border-color: rgba(34, 148, 83, 0.3);
  color: rgba(34, 148, 83, 0.3);
  fill: rgba(34, 148, 83, 0.3);
}

.hover-border-emerald-40 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-emerald-40:focus {
  color: rgba(34, 148, 83, 0.4);
}
.hover-border-emerald-40:hover {
  border-color: rgba(34, 148, 83, 0.4);
  color: rgba(34, 148, 83, 0.4);
  fill: rgba(34, 148, 83, 0.4);
}
.hover-border-emerald-40:active {
  border-color: rgba(34, 148, 83, 0.4);
  color: rgba(34, 148, 83, 0.4);
  fill: rgba(34, 148, 83, 0.4);
}

.hover-border-emerald-50 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-emerald-50:focus {
  color: rgba(34, 148, 83, 0.5);
}
.hover-border-emerald-50:hover {
  border-color: rgba(34, 148, 83, 0.5);
  color: rgba(34, 148, 83, 0.5);
  fill: rgba(34, 148, 83, 0.5);
}
.hover-border-emerald-50:active {
  border-color: rgba(34, 148, 83, 0.5);
  color: rgba(34, 148, 83, 0.5);
  fill: rgba(34, 148, 83, 0.5);
}

.hover-border-emerald-60 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-emerald-60:focus {
  color: rgba(34, 148, 83, 0.6);
}
.hover-border-emerald-60:hover {
  border-color: rgba(34, 148, 83, 0.6);
  color: rgba(34, 148, 83, 0.6);
  fill: rgba(34, 148, 83, 0.6);
}
.hover-border-emerald-60:active {
  border-color: rgba(34, 148, 83, 0.6);
  color: rgba(34, 148, 83, 0.6);
  fill: rgba(34, 148, 83, 0.6);
}

.hover-border-emerald-70 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-emerald-70:focus {
  color: rgba(34, 148, 83, 0.7);
}
.hover-border-emerald-70:hover {
  border-color: rgba(34, 148, 83, 0.7);
  color: rgba(34, 148, 83, 0.7);
  fill: rgba(34, 148, 83, 0.7);
}
.hover-border-emerald-70:active {
  border-color: rgba(34, 148, 83, 0.7);
  color: rgba(34, 148, 83, 0.7);
  fill: rgba(34, 148, 83, 0.7);
}

.hover-border-emerald-80 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-emerald-80:focus {
  color: rgba(34, 148, 83, 0.8);
}
.hover-border-emerald-80:hover {
  border-color: rgba(34, 148, 83, 0.8);
  color: rgba(34, 148, 83, 0.8);
  fill: rgba(34, 148, 83, 0.8);
}
.hover-border-emerald-80:active {
  border-color: rgba(34, 148, 83, 0.8);
  color: rgba(34, 148, 83, 0.8);
  fill: rgba(34, 148, 83, 0.8);
}

.hover-border-emerald-90 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-emerald-90:focus {
  color: rgba(34, 148, 83, 0.9);
}
.hover-border-emerald-90:hover {
  border-color: rgba(34, 148, 83, 0.9);
  color: rgba(34, 148, 83, 0.9);
  fill: rgba(34, 148, 83, 0.9);
}
.hover-border-emerald-90:active {
  border-color: rgba(34, 148, 83, 0.9);
  color: rgba(34, 148, 83, 0.9);
  fill: rgba(34, 148, 83, 0.9);
}

.hover-border-mint {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-mint:focus {
  color: rgb(32, 161, 98);
}
.hover-border-mint:hover {
  border-color: rgb(32, 161, 98);
  color: rgb(32, 161, 98);
  fill: rgb(32, 161, 98);
}
.hover-border-mint:active {
  border-color: rgb(32, 161, 98);
  color: rgb(32, 161, 98);
  fill: rgb(32, 161, 98);
}

.hover-border-mint-10 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-mint-10:focus {
  color: rgba(32, 161, 98, 0.1);
}
.hover-border-mint-10:hover {
  border-color: rgba(32, 161, 98, 0.1);
  color: rgba(32, 161, 98, 0.1);
  fill: rgba(32, 161, 98, 0.1);
}
.hover-border-mint-10:active {
  border-color: rgba(32, 161, 98, 0.1);
  color: rgba(32, 161, 98, 0.1);
  fill: rgba(32, 161, 98, 0.1);
}

.hover-border-mint-20 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-mint-20:focus {
  color: rgba(32, 161, 98, 0.2);
}
.hover-border-mint-20:hover {
  border-color: rgba(32, 161, 98, 0.2);
  color: rgba(32, 161, 98, 0.2);
  fill: rgba(32, 161, 98, 0.2);
}
.hover-border-mint-20:active {
  border-color: rgba(32, 161, 98, 0.2);
  color: rgba(32, 161, 98, 0.2);
  fill: rgba(32, 161, 98, 0.2);
}

.hover-border-mint-30 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-mint-30:focus {
  color: rgba(32, 161, 98, 0.3);
}
.hover-border-mint-30:hover {
  border-color: rgba(32, 161, 98, 0.3);
  color: rgba(32, 161, 98, 0.3);
  fill: rgba(32, 161, 98, 0.3);
}
.hover-border-mint-30:active {
  border-color: rgba(32, 161, 98, 0.3);
  color: rgba(32, 161, 98, 0.3);
  fill: rgba(32, 161, 98, 0.3);
}

.hover-border-mint-40 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-mint-40:focus {
  color: rgba(32, 161, 98, 0.4);
}
.hover-border-mint-40:hover {
  border-color: rgba(32, 161, 98, 0.4);
  color: rgba(32, 161, 98, 0.4);
  fill: rgba(32, 161, 98, 0.4);
}
.hover-border-mint-40:active {
  border-color: rgba(32, 161, 98, 0.4);
  color: rgba(32, 161, 98, 0.4);
  fill: rgba(32, 161, 98, 0.4);
}

.hover-border-mint-50 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-mint-50:focus {
  color: rgba(32, 161, 98, 0.5);
}
.hover-border-mint-50:hover {
  border-color: rgba(32, 161, 98, 0.5);
  color: rgba(32, 161, 98, 0.5);
  fill: rgba(32, 161, 98, 0.5);
}
.hover-border-mint-50:active {
  border-color: rgba(32, 161, 98, 0.5);
  color: rgba(32, 161, 98, 0.5);
  fill: rgba(32, 161, 98, 0.5);
}

.hover-border-mint-60 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-mint-60:focus {
  color: rgba(32, 161, 98, 0.6);
}
.hover-border-mint-60:hover {
  border-color: rgba(32, 161, 98, 0.6);
  color: rgba(32, 161, 98, 0.6);
  fill: rgba(32, 161, 98, 0.6);
}
.hover-border-mint-60:active {
  border-color: rgba(32, 161, 98, 0.6);
  color: rgba(32, 161, 98, 0.6);
  fill: rgba(32, 161, 98, 0.6);
}

.hover-border-mint-70 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-mint-70:focus {
  color: rgba(32, 161, 98, 0.7);
}
.hover-border-mint-70:hover {
  border-color: rgba(32, 161, 98, 0.7);
  color: rgba(32, 161, 98, 0.7);
  fill: rgba(32, 161, 98, 0.7);
}
.hover-border-mint-70:active {
  border-color: rgba(32, 161, 98, 0.7);
  color: rgba(32, 161, 98, 0.7);
  fill: rgba(32, 161, 98, 0.7);
}

.hover-border-mint-80 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-mint-80:focus {
  color: rgba(32, 161, 98, 0.8);
}
.hover-border-mint-80:hover {
  border-color: rgba(32, 161, 98, 0.8);
  color: rgba(32, 161, 98, 0.8);
  fill: rgba(32, 161, 98, 0.8);
}
.hover-border-mint-80:active {
  border-color: rgba(32, 161, 98, 0.8);
  color: rgba(32, 161, 98, 0.8);
  fill: rgba(32, 161, 98, 0.8);
}

.hover-border-mint-90 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-mint-90:focus {
  color: rgba(32, 161, 98, 0.9);
}
.hover-border-mint-90:hover {
  border-color: rgba(32, 161, 98, 0.9);
  color: rgba(32, 161, 98, 0.9);
  fill: rgba(32, 161, 98, 0.9);
}
.hover-border-mint-90:active {
  border-color: rgba(32, 161, 98, 0.9);
  color: rgba(32, 161, 98, 0.9);
  fill: rgba(32, 161, 98, 0.9);
}

.hover-border-blue {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-blue:focus {
  color: rgb(36, 134, 185);
}
.hover-border-blue:hover {
  border-color: rgb(36, 134, 185);
  color: rgb(36, 134, 185);
  fill: rgb(36, 134, 185);
}
.hover-border-blue:active {
  border-color: rgb(36, 134, 185);
  color: rgb(36, 134, 185);
  fill: rgb(36, 134, 185);
}

.hover-border-blue-10 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-blue-10:focus {
  color: rgba(36, 134, 185, 0.1);
}
.hover-border-blue-10:hover {
  border-color: rgba(36, 134, 185, 0.1);
  color: rgba(36, 134, 185, 0.1);
  fill: rgba(36, 134, 185, 0.1);
}
.hover-border-blue-10:active {
  border-color: rgba(36, 134, 185, 0.1);
  color: rgba(36, 134, 185, 0.1);
  fill: rgba(36, 134, 185, 0.1);
}

.hover-border-blue-20 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-blue-20:focus {
  color: rgba(36, 134, 185, 0.2);
}
.hover-border-blue-20:hover {
  border-color: rgba(36, 134, 185, 0.2);
  color: rgba(36, 134, 185, 0.2);
  fill: rgba(36, 134, 185, 0.2);
}
.hover-border-blue-20:active {
  border-color: rgba(36, 134, 185, 0.2);
  color: rgba(36, 134, 185, 0.2);
  fill: rgba(36, 134, 185, 0.2);
}

.hover-border-blue-30 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-blue-30:focus {
  color: rgba(36, 134, 185, 0.3);
}
.hover-border-blue-30:hover {
  border-color: rgba(36, 134, 185, 0.3);
  color: rgba(36, 134, 185, 0.3);
  fill: rgba(36, 134, 185, 0.3);
}
.hover-border-blue-30:active {
  border-color: rgba(36, 134, 185, 0.3);
  color: rgba(36, 134, 185, 0.3);
  fill: rgba(36, 134, 185, 0.3);
}

.hover-border-blue-40 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-blue-40:focus {
  color: rgba(36, 134, 185, 0.4);
}
.hover-border-blue-40:hover {
  border-color: rgba(36, 134, 185, 0.4);
  color: rgba(36, 134, 185, 0.4);
  fill: rgba(36, 134, 185, 0.4);
}
.hover-border-blue-40:active {
  border-color: rgba(36, 134, 185, 0.4);
  color: rgba(36, 134, 185, 0.4);
  fill: rgba(36, 134, 185, 0.4);
}

.hover-border-blue-50 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-blue-50:focus {
  color: rgba(36, 134, 185, 0.5);
}
.hover-border-blue-50:hover {
  border-color: rgba(36, 134, 185, 0.5);
  color: rgba(36, 134, 185, 0.5);
  fill: rgba(36, 134, 185, 0.5);
}
.hover-border-blue-50:active {
  border-color: rgba(36, 134, 185, 0.5);
  color: rgba(36, 134, 185, 0.5);
  fill: rgba(36, 134, 185, 0.5);
}

.hover-border-blue-60 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-blue-60:focus {
  color: rgba(36, 134, 185, 0.6);
}
.hover-border-blue-60:hover {
  border-color: rgba(36, 134, 185, 0.6);
  color: rgba(36, 134, 185, 0.6);
  fill: rgba(36, 134, 185, 0.6);
}
.hover-border-blue-60:active {
  border-color: rgba(36, 134, 185, 0.6);
  color: rgba(36, 134, 185, 0.6);
  fill: rgba(36, 134, 185, 0.6);
}

.hover-border-blue-70 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-blue-70:focus {
  color: rgba(36, 134, 185, 0.7);
}
.hover-border-blue-70:hover {
  border-color: rgba(36, 134, 185, 0.7);
  color: rgba(36, 134, 185, 0.7);
  fill: rgba(36, 134, 185, 0.7);
}
.hover-border-blue-70:active {
  border-color: rgba(36, 134, 185, 0.7);
  color: rgba(36, 134, 185, 0.7);
  fill: rgba(36, 134, 185, 0.7);
}

.hover-border-blue-80 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-blue-80:focus {
  color: rgba(36, 134, 185, 0.8);
}
.hover-border-blue-80:hover {
  border-color: rgba(36, 134, 185, 0.8);
  color: rgba(36, 134, 185, 0.8);
  fill: rgba(36, 134, 185, 0.8);
}
.hover-border-blue-80:active {
  border-color: rgba(36, 134, 185, 0.8);
  color: rgba(36, 134, 185, 0.8);
  fill: rgba(36, 134, 185, 0.8);
}

.hover-border-blue-90 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-blue-90:focus {
  color: rgba(36, 134, 185, 0.9);
}
.hover-border-blue-90:hover {
  border-color: rgba(36, 134, 185, 0.9);
  color: rgba(36, 134, 185, 0.9);
  fill: rgba(36, 134, 185, 0.9);
}
.hover-border-blue-90:active {
  border-color: rgba(36, 134, 185, 0.9);
  color: rgba(36, 134, 185, 0.9);
  fill: rgba(36, 134, 185, 0.9);
}

.hover-border-ocean-blue {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-ocean-blue:focus {
  color: rgb(14, 176, 201);
}
.hover-border-ocean-blue:hover {
  border-color: rgb(14, 176, 201);
  color: rgb(14, 176, 201);
  fill: rgb(14, 176, 201);
}
.hover-border-ocean-blue:active {
  border-color: rgb(14, 176, 201);
  color: rgb(14, 176, 201);
  fill: rgb(14, 176, 201);
}

.hover-border-ocean-blue-10 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-ocean-blue-10:focus {
  color: rgba(14, 176, 201, 0.1);
}
.hover-border-ocean-blue-10:hover {
  border-color: rgba(14, 176, 201, 0.1);
  color: rgba(14, 176, 201, 0.1);
  fill: rgba(14, 176, 201, 0.1);
}
.hover-border-ocean-blue-10:active {
  border-color: rgba(14, 176, 201, 0.1);
  color: rgba(14, 176, 201, 0.1);
  fill: rgba(14, 176, 201, 0.1);
}

.hover-border-ocean-blue-20 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-ocean-blue-20:focus {
  color: rgba(14, 176, 201, 0.2);
}
.hover-border-ocean-blue-20:hover {
  border-color: rgba(14, 176, 201, 0.2);
  color: rgba(14, 176, 201, 0.2);
  fill: rgba(14, 176, 201, 0.2);
}
.hover-border-ocean-blue-20:active {
  border-color: rgba(14, 176, 201, 0.2);
  color: rgba(14, 176, 201, 0.2);
  fill: rgba(14, 176, 201, 0.2);
}

.hover-border-ocean-blue-30 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-ocean-blue-30:focus {
  color: rgba(14, 176, 201, 0.3);
}
.hover-border-ocean-blue-30:hover {
  border-color: rgba(14, 176, 201, 0.3);
  color: rgba(14, 176, 201, 0.3);
  fill: rgba(14, 176, 201, 0.3);
}
.hover-border-ocean-blue-30:active {
  border-color: rgba(14, 176, 201, 0.3);
  color: rgba(14, 176, 201, 0.3);
  fill: rgba(14, 176, 201, 0.3);
}

.hover-border-ocean-blue-40 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-ocean-blue-40:focus {
  color: rgba(14, 176, 201, 0.4);
}
.hover-border-ocean-blue-40:hover {
  border-color: rgba(14, 176, 201, 0.4);
  color: rgba(14, 176, 201, 0.4);
  fill: rgba(14, 176, 201, 0.4);
}
.hover-border-ocean-blue-40:active {
  border-color: rgba(14, 176, 201, 0.4);
  color: rgba(14, 176, 201, 0.4);
  fill: rgba(14, 176, 201, 0.4);
}

.hover-border-ocean-blue-50 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-ocean-blue-50:focus {
  color: rgba(14, 176, 201, 0.5);
}
.hover-border-ocean-blue-50:hover {
  border-color: rgba(14, 176, 201, 0.5);
  color: rgba(14, 176, 201, 0.5);
  fill: rgba(14, 176, 201, 0.5);
}
.hover-border-ocean-blue-50:active {
  border-color: rgba(14, 176, 201, 0.5);
  color: rgba(14, 176, 201, 0.5);
  fill: rgba(14, 176, 201, 0.5);
}

.hover-border-ocean-blue-60 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-ocean-blue-60:focus {
  color: rgba(14, 176, 201, 0.6);
}
.hover-border-ocean-blue-60:hover {
  border-color: rgba(14, 176, 201, 0.6);
  color: rgba(14, 176, 201, 0.6);
  fill: rgba(14, 176, 201, 0.6);
}
.hover-border-ocean-blue-60:active {
  border-color: rgba(14, 176, 201, 0.6);
  color: rgba(14, 176, 201, 0.6);
  fill: rgba(14, 176, 201, 0.6);
}

.hover-border-ocean-blue-70 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-ocean-blue-70:focus {
  color: rgba(14, 176, 201, 0.7);
}
.hover-border-ocean-blue-70:hover {
  border-color: rgba(14, 176, 201, 0.7);
  color: rgba(14, 176, 201, 0.7);
  fill: rgba(14, 176, 201, 0.7);
}
.hover-border-ocean-blue-70:active {
  border-color: rgba(14, 176, 201, 0.7);
  color: rgba(14, 176, 201, 0.7);
  fill: rgba(14, 176, 201, 0.7);
}

.hover-border-ocean-blue-80 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-ocean-blue-80:focus {
  color: rgba(14, 176, 201, 0.8);
}
.hover-border-ocean-blue-80:hover {
  border-color: rgba(14, 176, 201, 0.8);
  color: rgba(14, 176, 201, 0.8);
  fill: rgba(14, 176, 201, 0.8);
}
.hover-border-ocean-blue-80:active {
  border-color: rgba(14, 176, 201, 0.8);
  color: rgba(14, 176, 201, 0.8);
  fill: rgba(14, 176, 201, 0.8);
}

.hover-border-ocean-blue-90 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-ocean-blue-90:focus {
  color: rgba(14, 176, 201, 0.9);
}
.hover-border-ocean-blue-90:hover {
  border-color: rgba(14, 176, 201, 0.9);
  color: rgba(14, 176, 201, 0.9);
  fill: rgba(14, 176, 201, 0.9);
}
.hover-border-ocean-blue-90:active {
  border-color: rgba(14, 176, 201, 0.9);
  color: rgba(14, 176, 201, 0.9);
  fill: rgba(14, 176, 201, 0.9);
}

.hover-border-deep-blue {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-deep-blue:focus {
  color: rgb(4, 87, 251);
}
.hover-border-deep-blue:hover {
  border-color: rgb(4, 87, 251);
  color: rgb(4, 87, 251);
  fill: rgb(4, 87, 251);
}
.hover-border-deep-blue:active {
  border-color: rgb(4, 87, 251);
  color: rgb(4, 87, 251);
  fill: rgb(4, 87, 251);
}

.hover-border-deep-blue-10 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-deep-blue-10:focus {
  color: rgba(4, 87, 251, 0.1);
}
.hover-border-deep-blue-10:hover {
  border-color: rgba(4, 87, 251, 0.1);
  color: rgba(4, 87, 251, 0.1);
  fill: rgba(4, 87, 251, 0.1);
}
.hover-border-deep-blue-10:active {
  border-color: rgba(4, 87, 251, 0.1);
  color: rgba(4, 87, 251, 0.1);
  fill: rgba(4, 87, 251, 0.1);
}

.hover-border-deep-blue-20 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-deep-blue-20:focus {
  color: rgba(4, 87, 251, 0.2);
}
.hover-border-deep-blue-20:hover {
  border-color: rgba(4, 87, 251, 0.2);
  color: rgba(4, 87, 251, 0.2);
  fill: rgba(4, 87, 251, 0.2);
}
.hover-border-deep-blue-20:active {
  border-color: rgba(4, 87, 251, 0.2);
  color: rgba(4, 87, 251, 0.2);
  fill: rgba(4, 87, 251, 0.2);
}

.hover-border-deep-blue-30 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-deep-blue-30:focus {
  color: rgba(4, 87, 251, 0.3);
}
.hover-border-deep-blue-30:hover {
  border-color: rgba(4, 87, 251, 0.3);
  color: rgba(4, 87, 251, 0.3);
  fill: rgba(4, 87, 251, 0.3);
}
.hover-border-deep-blue-30:active {
  border-color: rgba(4, 87, 251, 0.3);
  color: rgba(4, 87, 251, 0.3);
  fill: rgba(4, 87, 251, 0.3);
}

.hover-border-deep-blue-40 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-deep-blue-40:focus {
  color: rgba(4, 87, 251, 0.4);
}
.hover-border-deep-blue-40:hover {
  border-color: rgba(4, 87, 251, 0.4);
  color: rgba(4, 87, 251, 0.4);
  fill: rgba(4, 87, 251, 0.4);
}
.hover-border-deep-blue-40:active {
  border-color: rgba(4, 87, 251, 0.4);
  color: rgba(4, 87, 251, 0.4);
  fill: rgba(4, 87, 251, 0.4);
}

.hover-border-deep-blue-50 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-deep-blue-50:focus {
  color: rgba(4, 87, 251, 0.5);
}
.hover-border-deep-blue-50:hover {
  border-color: rgba(4, 87, 251, 0.5);
  color: rgba(4, 87, 251, 0.5);
  fill: rgba(4, 87, 251, 0.5);
}
.hover-border-deep-blue-50:active {
  border-color: rgba(4, 87, 251, 0.5);
  color: rgba(4, 87, 251, 0.5);
  fill: rgba(4, 87, 251, 0.5);
}

.hover-border-deep-blue-60 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-deep-blue-60:focus {
  color: rgba(4, 87, 251, 0.6);
}
.hover-border-deep-blue-60:hover {
  border-color: rgba(4, 87, 251, 0.6);
  color: rgba(4, 87, 251, 0.6);
  fill: rgba(4, 87, 251, 0.6);
}
.hover-border-deep-blue-60:active {
  border-color: rgba(4, 87, 251, 0.6);
  color: rgba(4, 87, 251, 0.6);
  fill: rgba(4, 87, 251, 0.6);
}

.hover-border-deep-blue-70 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-deep-blue-70:focus {
  color: rgba(4, 87, 251, 0.7);
}
.hover-border-deep-blue-70:hover {
  border-color: rgba(4, 87, 251, 0.7);
  color: rgba(4, 87, 251, 0.7);
  fill: rgba(4, 87, 251, 0.7);
}
.hover-border-deep-blue-70:active {
  border-color: rgba(4, 87, 251, 0.7);
  color: rgba(4, 87, 251, 0.7);
  fill: rgba(4, 87, 251, 0.7);
}

.hover-border-deep-blue-80 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-deep-blue-80:focus {
  color: rgba(4, 87, 251, 0.8);
}
.hover-border-deep-blue-80:hover {
  border-color: rgba(4, 87, 251, 0.8);
  color: rgba(4, 87, 251, 0.8);
  fill: rgba(4, 87, 251, 0.8);
}
.hover-border-deep-blue-80:active {
  border-color: rgba(4, 87, 251, 0.8);
  color: rgba(4, 87, 251, 0.8);
  fill: rgba(4, 87, 251, 0.8);
}

.hover-border-deep-blue-90 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-deep-blue-90:focus {
  color: rgba(4, 87, 251, 0.9);
}
.hover-border-deep-blue-90:hover {
  border-color: rgba(4, 87, 251, 0.9);
  color: rgba(4, 87, 251, 0.9);
  fill: rgba(4, 87, 251, 0.9);
}
.hover-border-deep-blue-90:active {
  border-color: rgba(4, 87, 251, 0.9);
  color: rgba(4, 87, 251, 0.9);
  fill: rgba(4, 87, 251, 0.9);
}

.hover-border-sea-blue {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-sea-blue:focus {
  color: rgb(1, 112, 227);
}
.hover-border-sea-blue:hover {
  border-color: rgb(1, 112, 227);
  color: rgb(1, 112, 227);
  fill: rgb(1, 112, 227);
}
.hover-border-sea-blue:active {
  border-color: rgb(1, 112, 227);
  color: rgb(1, 112, 227);
  fill: rgb(1, 112, 227);
}

.hover-border-sea-blue-10 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-sea-blue-10:focus {
  color: rgba(1, 112, 227, 0.1);
}
.hover-border-sea-blue-10:hover {
  border-color: rgba(1, 112, 227, 0.1);
  color: rgba(1, 112, 227, 0.1);
  fill: rgba(1, 112, 227, 0.1);
}
.hover-border-sea-blue-10:active {
  border-color: rgba(1, 112, 227, 0.1);
  color: rgba(1, 112, 227, 0.1);
  fill: rgba(1, 112, 227, 0.1);
}

.hover-border-sea-blue-20 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-sea-blue-20:focus {
  color: rgba(1, 112, 227, 0.2);
}
.hover-border-sea-blue-20:hover {
  border-color: rgba(1, 112, 227, 0.2);
  color: rgba(1, 112, 227, 0.2);
  fill: rgba(1, 112, 227, 0.2);
}
.hover-border-sea-blue-20:active {
  border-color: rgba(1, 112, 227, 0.2);
  color: rgba(1, 112, 227, 0.2);
  fill: rgba(1, 112, 227, 0.2);
}

.hover-border-sea-blue-30 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-sea-blue-30:focus {
  color: rgba(1, 112, 227, 0.3);
}
.hover-border-sea-blue-30:hover {
  border-color: rgba(1, 112, 227, 0.3);
  color: rgba(1, 112, 227, 0.3);
  fill: rgba(1, 112, 227, 0.3);
}
.hover-border-sea-blue-30:active {
  border-color: rgba(1, 112, 227, 0.3);
  color: rgba(1, 112, 227, 0.3);
  fill: rgba(1, 112, 227, 0.3);
}

.hover-border-sea-blue-40 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-sea-blue-40:focus {
  color: rgba(1, 112, 227, 0.4);
}
.hover-border-sea-blue-40:hover {
  border-color: rgba(1, 112, 227, 0.4);
  color: rgba(1, 112, 227, 0.4);
  fill: rgba(1, 112, 227, 0.4);
}
.hover-border-sea-blue-40:active {
  border-color: rgba(1, 112, 227, 0.4);
  color: rgba(1, 112, 227, 0.4);
  fill: rgba(1, 112, 227, 0.4);
}

.hover-border-sea-blue-50 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-sea-blue-50:focus {
  color: rgba(1, 112, 227, 0.5);
}
.hover-border-sea-blue-50:hover {
  border-color: rgba(1, 112, 227, 0.5);
  color: rgba(1, 112, 227, 0.5);
  fill: rgba(1, 112, 227, 0.5);
}
.hover-border-sea-blue-50:active {
  border-color: rgba(1, 112, 227, 0.5);
  color: rgba(1, 112, 227, 0.5);
  fill: rgba(1, 112, 227, 0.5);
}

.hover-border-sea-blue-60 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-sea-blue-60:focus {
  color: rgba(1, 112, 227, 0.6);
}
.hover-border-sea-blue-60:hover {
  border-color: rgba(1, 112, 227, 0.6);
  color: rgba(1, 112, 227, 0.6);
  fill: rgba(1, 112, 227, 0.6);
}
.hover-border-sea-blue-60:active {
  border-color: rgba(1, 112, 227, 0.6);
  color: rgba(1, 112, 227, 0.6);
  fill: rgba(1, 112, 227, 0.6);
}

.hover-border-sea-blue-70 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-sea-blue-70:focus {
  color: rgba(1, 112, 227, 0.7);
}
.hover-border-sea-blue-70:hover {
  border-color: rgba(1, 112, 227, 0.7);
  color: rgba(1, 112, 227, 0.7);
  fill: rgba(1, 112, 227, 0.7);
}
.hover-border-sea-blue-70:active {
  border-color: rgba(1, 112, 227, 0.7);
  color: rgba(1, 112, 227, 0.7);
  fill: rgba(1, 112, 227, 0.7);
}

.hover-border-sea-blue-80 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-sea-blue-80:focus {
  color: rgba(1, 112, 227, 0.8);
}
.hover-border-sea-blue-80:hover {
  border-color: rgba(1, 112, 227, 0.8);
  color: rgba(1, 112, 227, 0.8);
  fill: rgba(1, 112, 227, 0.8);
}
.hover-border-sea-blue-80:active {
  border-color: rgba(1, 112, 227, 0.8);
  color: rgba(1, 112, 227, 0.8);
  fill: rgba(1, 112, 227, 0.8);
}

.hover-border-sea-blue-90 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-sea-blue-90:focus {
  color: rgba(1, 112, 227, 0.9);
}
.hover-border-sea-blue-90:hover {
  border-color: rgba(1, 112, 227, 0.9);
  color: rgba(1, 112, 227, 0.9);
  fill: rgba(1, 112, 227, 0.9);
}
.hover-border-sea-blue-90:active {
  border-color: rgba(1, 112, 227, 0.9);
  color: rgba(1, 112, 227, 0.9);
  fill: rgba(1, 112, 227, 0.9);
}

.hover-border-yellow {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-yellow:focus {
  color: rgb(251, 205, 49);
}
.hover-border-yellow:hover {
  border-color: rgb(251, 205, 49);
  color: rgb(251, 205, 49);
  fill: rgb(251, 205, 49);
}
.hover-border-yellow:active {
  border-color: rgb(251, 205, 49);
  color: rgb(251, 205, 49);
  fill: rgb(251, 205, 49);
}

.hover-border-yellow-10 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-yellow-10:focus {
  color: rgba(251, 205, 49, 0.1);
}
.hover-border-yellow-10:hover {
  border-color: rgba(251, 205, 49, 0.1);
  color: rgba(251, 205, 49, 0.1);
  fill: rgba(251, 205, 49, 0.1);
}
.hover-border-yellow-10:active {
  border-color: rgba(251, 205, 49, 0.1);
  color: rgba(251, 205, 49, 0.1);
  fill: rgba(251, 205, 49, 0.1);
}

.hover-border-yellow-20 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-yellow-20:focus {
  color: rgba(251, 205, 49, 0.2);
}
.hover-border-yellow-20:hover {
  border-color: rgba(251, 205, 49, 0.2);
  color: rgba(251, 205, 49, 0.2);
  fill: rgba(251, 205, 49, 0.2);
}
.hover-border-yellow-20:active {
  border-color: rgba(251, 205, 49, 0.2);
  color: rgba(251, 205, 49, 0.2);
  fill: rgba(251, 205, 49, 0.2);
}

.hover-border-yellow-30 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-yellow-30:focus {
  color: rgba(251, 205, 49, 0.3);
}
.hover-border-yellow-30:hover {
  border-color: rgba(251, 205, 49, 0.3);
  color: rgba(251, 205, 49, 0.3);
  fill: rgba(251, 205, 49, 0.3);
}
.hover-border-yellow-30:active {
  border-color: rgba(251, 205, 49, 0.3);
  color: rgba(251, 205, 49, 0.3);
  fill: rgba(251, 205, 49, 0.3);
}

.hover-border-yellow-40 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-yellow-40:focus {
  color: rgba(251, 205, 49, 0.4);
}
.hover-border-yellow-40:hover {
  border-color: rgba(251, 205, 49, 0.4);
  color: rgba(251, 205, 49, 0.4);
  fill: rgba(251, 205, 49, 0.4);
}
.hover-border-yellow-40:active {
  border-color: rgba(251, 205, 49, 0.4);
  color: rgba(251, 205, 49, 0.4);
  fill: rgba(251, 205, 49, 0.4);
}

.hover-border-yellow-50 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-yellow-50:focus {
  color: rgba(251, 205, 49, 0.5);
}
.hover-border-yellow-50:hover {
  border-color: rgba(251, 205, 49, 0.5);
  color: rgba(251, 205, 49, 0.5);
  fill: rgba(251, 205, 49, 0.5);
}
.hover-border-yellow-50:active {
  border-color: rgba(251, 205, 49, 0.5);
  color: rgba(251, 205, 49, 0.5);
  fill: rgba(251, 205, 49, 0.5);
}

.hover-border-yellow-60 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-yellow-60:focus {
  color: rgba(251, 205, 49, 0.6);
}
.hover-border-yellow-60:hover {
  border-color: rgba(251, 205, 49, 0.6);
  color: rgba(251, 205, 49, 0.6);
  fill: rgba(251, 205, 49, 0.6);
}
.hover-border-yellow-60:active {
  border-color: rgba(251, 205, 49, 0.6);
  color: rgba(251, 205, 49, 0.6);
  fill: rgba(251, 205, 49, 0.6);
}

.hover-border-yellow-70 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-yellow-70:focus {
  color: rgba(251, 205, 49, 0.7);
}
.hover-border-yellow-70:hover {
  border-color: rgba(251, 205, 49, 0.7);
  color: rgba(251, 205, 49, 0.7);
  fill: rgba(251, 205, 49, 0.7);
}
.hover-border-yellow-70:active {
  border-color: rgba(251, 205, 49, 0.7);
  color: rgba(251, 205, 49, 0.7);
  fill: rgba(251, 205, 49, 0.7);
}

.hover-border-yellow-80 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-yellow-80:focus {
  color: rgba(251, 205, 49, 0.8);
}
.hover-border-yellow-80:hover {
  border-color: rgba(251, 205, 49, 0.8);
  color: rgba(251, 205, 49, 0.8);
  fill: rgba(251, 205, 49, 0.8);
}
.hover-border-yellow-80:active {
  border-color: rgba(251, 205, 49, 0.8);
  color: rgba(251, 205, 49, 0.8);
  fill: rgba(251, 205, 49, 0.8);
}

.hover-border-yellow-90 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-yellow-90:focus {
  color: rgba(251, 205, 49, 0.9);
}
.hover-border-yellow-90:hover {
  border-color: rgba(251, 205, 49, 0.9);
  color: rgba(251, 205, 49, 0.9);
  fill: rgba(251, 205, 49, 0.9);
}
.hover-border-yellow-90:active {
  border-color: rgba(251, 205, 49, 0.9);
  color: rgba(251, 205, 49, 0.9);
  fill: rgba(251, 205, 49, 0.9);
}

.hover-border-gold {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-gold:focus {
  color: rgb(252, 195, 7);
}
.hover-border-gold:hover {
  border-color: rgb(252, 195, 7);
  color: rgb(252, 195, 7);
  fill: rgb(252, 195, 7);
}
.hover-border-gold:active {
  border-color: rgb(252, 195, 7);
  color: rgb(252, 195, 7);
  fill: rgb(252, 195, 7);
}

.hover-border-gold-10 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-gold-10:focus {
  color: rgba(252, 195, 7, 0.1);
}
.hover-border-gold-10:hover {
  border-color: rgba(252, 195, 7, 0.1);
  color: rgba(252, 195, 7, 0.1);
  fill: rgba(252, 195, 7, 0.1);
}
.hover-border-gold-10:active {
  border-color: rgba(252, 195, 7, 0.1);
  color: rgba(252, 195, 7, 0.1);
  fill: rgba(252, 195, 7, 0.1);
}

.hover-border-gold-20 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-gold-20:focus {
  color: rgba(252, 195, 7, 0.2);
}
.hover-border-gold-20:hover {
  border-color: rgba(252, 195, 7, 0.2);
  color: rgba(252, 195, 7, 0.2);
  fill: rgba(252, 195, 7, 0.2);
}
.hover-border-gold-20:active {
  border-color: rgba(252, 195, 7, 0.2);
  color: rgba(252, 195, 7, 0.2);
  fill: rgba(252, 195, 7, 0.2);
}

.hover-border-gold-30 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-gold-30:focus {
  color: rgba(252, 195, 7, 0.3);
}
.hover-border-gold-30:hover {
  border-color: rgba(252, 195, 7, 0.3);
  color: rgba(252, 195, 7, 0.3);
  fill: rgba(252, 195, 7, 0.3);
}
.hover-border-gold-30:active {
  border-color: rgba(252, 195, 7, 0.3);
  color: rgba(252, 195, 7, 0.3);
  fill: rgba(252, 195, 7, 0.3);
}

.hover-border-gold-40 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-gold-40:focus {
  color: rgba(252, 195, 7, 0.4);
}
.hover-border-gold-40:hover {
  border-color: rgba(252, 195, 7, 0.4);
  color: rgba(252, 195, 7, 0.4);
  fill: rgba(252, 195, 7, 0.4);
}
.hover-border-gold-40:active {
  border-color: rgba(252, 195, 7, 0.4);
  color: rgba(252, 195, 7, 0.4);
  fill: rgba(252, 195, 7, 0.4);
}

.hover-border-gold-50 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-gold-50:focus {
  color: rgba(252, 195, 7, 0.5);
}
.hover-border-gold-50:hover {
  border-color: rgba(252, 195, 7, 0.5);
  color: rgba(252, 195, 7, 0.5);
  fill: rgba(252, 195, 7, 0.5);
}
.hover-border-gold-50:active {
  border-color: rgba(252, 195, 7, 0.5);
  color: rgba(252, 195, 7, 0.5);
  fill: rgba(252, 195, 7, 0.5);
}

.hover-border-gold-60 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-gold-60:focus {
  color: rgba(252, 195, 7, 0.6);
}
.hover-border-gold-60:hover {
  border-color: rgba(252, 195, 7, 0.6);
  color: rgba(252, 195, 7, 0.6);
  fill: rgba(252, 195, 7, 0.6);
}
.hover-border-gold-60:active {
  border-color: rgba(252, 195, 7, 0.6);
  color: rgba(252, 195, 7, 0.6);
  fill: rgba(252, 195, 7, 0.6);
}

.hover-border-gold-70 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-gold-70:focus {
  color: rgba(252, 195, 7, 0.7);
}
.hover-border-gold-70:hover {
  border-color: rgba(252, 195, 7, 0.7);
  color: rgba(252, 195, 7, 0.7);
  fill: rgba(252, 195, 7, 0.7);
}
.hover-border-gold-70:active {
  border-color: rgba(252, 195, 7, 0.7);
  color: rgba(252, 195, 7, 0.7);
  fill: rgba(252, 195, 7, 0.7);
}

.hover-border-gold-80 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-gold-80:focus {
  color: rgba(252, 195, 7, 0.8);
}
.hover-border-gold-80:hover {
  border-color: rgba(252, 195, 7, 0.8);
  color: rgba(252, 195, 7, 0.8);
  fill: rgba(252, 195, 7, 0.8);
}
.hover-border-gold-80:active {
  border-color: rgba(252, 195, 7, 0.8);
  color: rgba(252, 195, 7, 0.8);
  fill: rgba(252, 195, 7, 0.8);
}

.hover-border-gold-90 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-gold-90:focus {
  color: rgba(252, 195, 7, 0.9);
}
.hover-border-gold-90:hover {
  border-color: rgba(252, 195, 7, 0.9);
  color: rgba(252, 195, 7, 0.9);
  fill: rgba(252, 195, 7, 0.9);
}
.hover-border-gold-90:active {
  border-color: rgba(252, 195, 7, 0.9);
  color: rgba(252, 195, 7, 0.9);
  fill: rgba(252, 195, 7, 0.9);
}

.hover-border-purple {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-purple:focus {
  color: rgb(126, 22, 113);
}
.hover-border-purple:hover {
  border-color: rgb(126, 22, 113);
  color: rgb(126, 22, 113);
  fill: rgb(126, 22, 113);
}
.hover-border-purple:active {
  border-color: rgb(126, 22, 113);
  color: rgb(126, 22, 113);
  fill: rgb(126, 22, 113);
}

.hover-border-purple-10 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-purple-10:focus {
  color: rgba(126, 22, 113, 0.1);
}
.hover-border-purple-10:hover {
  border-color: rgba(126, 22, 113, 0.1);
  color: rgba(126, 22, 113, 0.1);
  fill: rgba(126, 22, 113, 0.1);
}
.hover-border-purple-10:active {
  border-color: rgba(126, 22, 113, 0.1);
  color: rgba(126, 22, 113, 0.1);
  fill: rgba(126, 22, 113, 0.1);
}

.hover-border-purple-20 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-purple-20:focus {
  color: rgba(126, 22, 113, 0.2);
}
.hover-border-purple-20:hover {
  border-color: rgba(126, 22, 113, 0.2);
  color: rgba(126, 22, 113, 0.2);
  fill: rgba(126, 22, 113, 0.2);
}
.hover-border-purple-20:active {
  border-color: rgba(126, 22, 113, 0.2);
  color: rgba(126, 22, 113, 0.2);
  fill: rgba(126, 22, 113, 0.2);
}

.hover-border-purple-30 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-purple-30:focus {
  color: rgba(126, 22, 113, 0.3);
}
.hover-border-purple-30:hover {
  border-color: rgba(126, 22, 113, 0.3);
  color: rgba(126, 22, 113, 0.3);
  fill: rgba(126, 22, 113, 0.3);
}
.hover-border-purple-30:active {
  border-color: rgba(126, 22, 113, 0.3);
  color: rgba(126, 22, 113, 0.3);
  fill: rgba(126, 22, 113, 0.3);
}

.hover-border-purple-40 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-purple-40:focus {
  color: rgba(126, 22, 113, 0.4);
}
.hover-border-purple-40:hover {
  border-color: rgba(126, 22, 113, 0.4);
  color: rgba(126, 22, 113, 0.4);
  fill: rgba(126, 22, 113, 0.4);
}
.hover-border-purple-40:active {
  border-color: rgba(126, 22, 113, 0.4);
  color: rgba(126, 22, 113, 0.4);
  fill: rgba(126, 22, 113, 0.4);
}

.hover-border-purple-50 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-purple-50:focus {
  color: rgba(126, 22, 113, 0.5);
}
.hover-border-purple-50:hover {
  border-color: rgba(126, 22, 113, 0.5);
  color: rgba(126, 22, 113, 0.5);
  fill: rgba(126, 22, 113, 0.5);
}
.hover-border-purple-50:active {
  border-color: rgba(126, 22, 113, 0.5);
  color: rgba(126, 22, 113, 0.5);
  fill: rgba(126, 22, 113, 0.5);
}

.hover-border-purple-60 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-purple-60:focus {
  color: rgba(126, 22, 113, 0.6);
}
.hover-border-purple-60:hover {
  border-color: rgba(126, 22, 113, 0.6);
  color: rgba(126, 22, 113, 0.6);
  fill: rgba(126, 22, 113, 0.6);
}
.hover-border-purple-60:active {
  border-color: rgba(126, 22, 113, 0.6);
  color: rgba(126, 22, 113, 0.6);
  fill: rgba(126, 22, 113, 0.6);
}

.hover-border-purple-70 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-purple-70:focus {
  color: rgba(126, 22, 113, 0.7);
}
.hover-border-purple-70:hover {
  border-color: rgba(126, 22, 113, 0.7);
  color: rgba(126, 22, 113, 0.7);
  fill: rgba(126, 22, 113, 0.7);
}
.hover-border-purple-70:active {
  border-color: rgba(126, 22, 113, 0.7);
  color: rgba(126, 22, 113, 0.7);
  fill: rgba(126, 22, 113, 0.7);
}

.hover-border-purple-80 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-purple-80:focus {
  color: rgba(126, 22, 113, 0.8);
}
.hover-border-purple-80:hover {
  border-color: rgba(126, 22, 113, 0.8);
  color: rgba(126, 22, 113, 0.8);
  fill: rgba(126, 22, 113, 0.8);
}
.hover-border-purple-80:active {
  border-color: rgba(126, 22, 113, 0.8);
  color: rgba(126, 22, 113, 0.8);
  fill: rgba(126, 22, 113, 0.8);
}

.hover-border-purple-90 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-purple-90:focus {
  color: rgba(126, 22, 113, 0.9);
}
.hover-border-purple-90:hover {
  border-color: rgba(126, 22, 113, 0.9);
  color: rgba(126, 22, 113, 0.9);
  fill: rgba(126, 22, 113, 0.9);
}
.hover-border-purple-90:active {
  border-color: rgba(126, 22, 113, 0.9);
  color: rgba(126, 22, 113, 0.9);
  fill: rgba(126, 22, 113, 0.9);
}

.hover-border-lilac {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-lilac:focus {
  color: rgb(128, 109, 158);
}
.hover-border-lilac:hover {
  border-color: rgb(128, 109, 158);
  color: rgb(128, 109, 158);
  fill: rgb(128, 109, 158);
}
.hover-border-lilac:active {
  border-color: rgb(128, 109, 158);
  color: rgb(128, 109, 158);
  fill: rgb(128, 109, 158);
}

.hover-border-lilac-10 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-lilac-10:focus {
  color: rgba(128, 109, 158, 0.1);
}
.hover-border-lilac-10:hover {
  border-color: rgba(128, 109, 158, 0.1);
  color: rgba(128, 109, 158, 0.1);
  fill: rgba(128, 109, 158, 0.1);
}
.hover-border-lilac-10:active {
  border-color: rgba(128, 109, 158, 0.1);
  color: rgba(128, 109, 158, 0.1);
  fill: rgba(128, 109, 158, 0.1);
}

.hover-border-lilac-20 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-lilac-20:focus {
  color: rgba(128, 109, 158, 0.2);
}
.hover-border-lilac-20:hover {
  border-color: rgba(128, 109, 158, 0.2);
  color: rgba(128, 109, 158, 0.2);
  fill: rgba(128, 109, 158, 0.2);
}
.hover-border-lilac-20:active {
  border-color: rgba(128, 109, 158, 0.2);
  color: rgba(128, 109, 158, 0.2);
  fill: rgba(128, 109, 158, 0.2);
}

.hover-border-lilac-30 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-lilac-30:focus {
  color: rgba(128, 109, 158, 0.3);
}
.hover-border-lilac-30:hover {
  border-color: rgba(128, 109, 158, 0.3);
  color: rgba(128, 109, 158, 0.3);
  fill: rgba(128, 109, 158, 0.3);
}
.hover-border-lilac-30:active {
  border-color: rgba(128, 109, 158, 0.3);
  color: rgba(128, 109, 158, 0.3);
  fill: rgba(128, 109, 158, 0.3);
}

.hover-border-lilac-40 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-lilac-40:focus {
  color: rgba(128, 109, 158, 0.4);
}
.hover-border-lilac-40:hover {
  border-color: rgba(128, 109, 158, 0.4);
  color: rgba(128, 109, 158, 0.4);
  fill: rgba(128, 109, 158, 0.4);
}
.hover-border-lilac-40:active {
  border-color: rgba(128, 109, 158, 0.4);
  color: rgba(128, 109, 158, 0.4);
  fill: rgba(128, 109, 158, 0.4);
}

.hover-border-lilac-50 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-lilac-50:focus {
  color: rgba(128, 109, 158, 0.5);
}
.hover-border-lilac-50:hover {
  border-color: rgba(128, 109, 158, 0.5);
  color: rgba(128, 109, 158, 0.5);
  fill: rgba(128, 109, 158, 0.5);
}
.hover-border-lilac-50:active {
  border-color: rgba(128, 109, 158, 0.5);
  color: rgba(128, 109, 158, 0.5);
  fill: rgba(128, 109, 158, 0.5);
}

.hover-border-lilac-60 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-lilac-60:focus {
  color: rgba(128, 109, 158, 0.6);
}
.hover-border-lilac-60:hover {
  border-color: rgba(128, 109, 158, 0.6);
  color: rgba(128, 109, 158, 0.6);
  fill: rgba(128, 109, 158, 0.6);
}
.hover-border-lilac-60:active {
  border-color: rgba(128, 109, 158, 0.6);
  color: rgba(128, 109, 158, 0.6);
  fill: rgba(128, 109, 158, 0.6);
}

.hover-border-lilac-70 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-lilac-70:focus {
  color: rgba(128, 109, 158, 0.7);
}
.hover-border-lilac-70:hover {
  border-color: rgba(128, 109, 158, 0.7);
  color: rgba(128, 109, 158, 0.7);
  fill: rgba(128, 109, 158, 0.7);
}
.hover-border-lilac-70:active {
  border-color: rgba(128, 109, 158, 0.7);
  color: rgba(128, 109, 158, 0.7);
  fill: rgba(128, 109, 158, 0.7);
}

.hover-border-lilac-80 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-lilac-80:focus {
  color: rgba(128, 109, 158, 0.8);
}
.hover-border-lilac-80:hover {
  border-color: rgba(128, 109, 158, 0.8);
  color: rgba(128, 109, 158, 0.8);
  fill: rgba(128, 109, 158, 0.8);
}
.hover-border-lilac-80:active {
  border-color: rgba(128, 109, 158, 0.8);
  color: rgba(128, 109, 158, 0.8);
  fill: rgba(128, 109, 158, 0.8);
}

.hover-border-lilac-90 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-lilac-90:focus {
  color: rgba(128, 109, 158, 0.9);
}
.hover-border-lilac-90:hover {
  border-color: rgba(128, 109, 158, 0.9);
  color: rgba(128, 109, 158, 0.9);
  fill: rgba(128, 109, 158, 0.9);
}
.hover-border-lilac-90:active {
  border-color: rgba(128, 109, 158, 0.9);
  color: rgba(128, 109, 158, 0.9);
  fill: rgba(128, 109, 158, 0.9);
}

.hover-border-brown {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-brown:focus {
  color: rgb(145, 128, 114);
}
.hover-border-brown:hover {
  border-color: rgb(145, 128, 114);
  color: rgb(145, 128, 114);
  fill: rgb(145, 128, 114);
}
.hover-border-brown:active {
  border-color: rgb(145, 128, 114);
  color: rgb(145, 128, 114);
  fill: rgb(145, 128, 114);
}

.hover-border-brown-10 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-brown-10:focus {
  color: rgba(145, 128, 114, 0.1);
}
.hover-border-brown-10:hover {
  border-color: rgba(145, 128, 114, 0.1);
  color: rgba(145, 128, 114, 0.1);
  fill: rgba(145, 128, 114, 0.1);
}
.hover-border-brown-10:active {
  border-color: rgba(145, 128, 114, 0.1);
  color: rgba(145, 128, 114, 0.1);
  fill: rgba(145, 128, 114, 0.1);
}

.hover-border-brown-20 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-brown-20:focus {
  color: rgba(145, 128, 114, 0.2);
}
.hover-border-brown-20:hover {
  border-color: rgba(145, 128, 114, 0.2);
  color: rgba(145, 128, 114, 0.2);
  fill: rgba(145, 128, 114, 0.2);
}
.hover-border-brown-20:active {
  border-color: rgba(145, 128, 114, 0.2);
  color: rgba(145, 128, 114, 0.2);
  fill: rgba(145, 128, 114, 0.2);
}

.hover-border-brown-30 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-brown-30:focus {
  color: rgba(145, 128, 114, 0.3);
}
.hover-border-brown-30:hover {
  border-color: rgba(145, 128, 114, 0.3);
  color: rgba(145, 128, 114, 0.3);
  fill: rgba(145, 128, 114, 0.3);
}
.hover-border-brown-30:active {
  border-color: rgba(145, 128, 114, 0.3);
  color: rgba(145, 128, 114, 0.3);
  fill: rgba(145, 128, 114, 0.3);
}

.hover-border-brown-40 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-brown-40:focus {
  color: rgba(145, 128, 114, 0.4);
}
.hover-border-brown-40:hover {
  border-color: rgba(145, 128, 114, 0.4);
  color: rgba(145, 128, 114, 0.4);
  fill: rgba(145, 128, 114, 0.4);
}
.hover-border-brown-40:active {
  border-color: rgba(145, 128, 114, 0.4);
  color: rgba(145, 128, 114, 0.4);
  fill: rgba(145, 128, 114, 0.4);
}

.hover-border-brown-50 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-brown-50:focus {
  color: rgba(145, 128, 114, 0.5);
}
.hover-border-brown-50:hover {
  border-color: rgba(145, 128, 114, 0.5);
  color: rgba(145, 128, 114, 0.5);
  fill: rgba(145, 128, 114, 0.5);
}
.hover-border-brown-50:active {
  border-color: rgba(145, 128, 114, 0.5);
  color: rgba(145, 128, 114, 0.5);
  fill: rgba(145, 128, 114, 0.5);
}

.hover-border-brown-60 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-brown-60:focus {
  color: rgba(145, 128, 114, 0.6);
}
.hover-border-brown-60:hover {
  border-color: rgba(145, 128, 114, 0.6);
  color: rgba(145, 128, 114, 0.6);
  fill: rgba(145, 128, 114, 0.6);
}
.hover-border-brown-60:active {
  border-color: rgba(145, 128, 114, 0.6);
  color: rgba(145, 128, 114, 0.6);
  fill: rgba(145, 128, 114, 0.6);
}

.hover-border-brown-70 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-brown-70:focus {
  color: rgba(145, 128, 114, 0.7);
}
.hover-border-brown-70:hover {
  border-color: rgba(145, 128, 114, 0.7);
  color: rgba(145, 128, 114, 0.7);
  fill: rgba(145, 128, 114, 0.7);
}
.hover-border-brown-70:active {
  border-color: rgba(145, 128, 114, 0.7);
  color: rgba(145, 128, 114, 0.7);
  fill: rgba(145, 128, 114, 0.7);
}

.hover-border-brown-80 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-brown-80:focus {
  color: rgba(145, 128, 114, 0.8);
}
.hover-border-brown-80:hover {
  border-color: rgba(145, 128, 114, 0.8);
  color: rgba(145, 128, 114, 0.8);
  fill: rgba(145, 128, 114, 0.8);
}
.hover-border-brown-80:active {
  border-color: rgba(145, 128, 114, 0.8);
  color: rgba(145, 128, 114, 0.8);
  fill: rgba(145, 128, 114, 0.8);
}

.hover-border-brown-90 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-brown-90:focus {
  color: rgba(145, 128, 114, 0.9);
}
.hover-border-brown-90:hover {
  border-color: rgba(145, 128, 114, 0.9);
  color: rgba(145, 128, 114, 0.9);
  fill: rgba(145, 128, 114, 0.9);
}
.hover-border-brown-90:active {
  border-color: rgba(145, 128, 114, 0.9);
  color: rgba(145, 128, 114, 0.9);
  fill: rgba(145, 128, 114, 0.9);
}

.hover-border-pink {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-pink:focus {
  color: rgb(232, 122, 144);
}
.hover-border-pink:hover {
  border-color: rgb(232, 122, 144);
  color: rgb(232, 122, 144);
  fill: rgb(232, 122, 144);
}
.hover-border-pink:active {
  border-color: rgb(232, 122, 144);
  color: rgb(232, 122, 144);
  fill: rgb(232, 122, 144);
}

.hover-border-pink-10 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-pink-10:focus {
  color: rgba(232, 122, 144, 0.1);
}
.hover-border-pink-10:hover {
  border-color: rgba(232, 122, 144, 0.1);
  color: rgba(232, 122, 144, 0.1);
  fill: rgba(232, 122, 144, 0.1);
}
.hover-border-pink-10:active {
  border-color: rgba(232, 122, 144, 0.1);
  color: rgba(232, 122, 144, 0.1);
  fill: rgba(232, 122, 144, 0.1);
}

.hover-border-pink-20 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-pink-20:focus {
  color: rgba(232, 122, 144, 0.2);
}
.hover-border-pink-20:hover {
  border-color: rgba(232, 122, 144, 0.2);
  color: rgba(232, 122, 144, 0.2);
  fill: rgba(232, 122, 144, 0.2);
}
.hover-border-pink-20:active {
  border-color: rgba(232, 122, 144, 0.2);
  color: rgba(232, 122, 144, 0.2);
  fill: rgba(232, 122, 144, 0.2);
}

.hover-border-pink-30 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-pink-30:focus {
  color: rgba(232, 122, 144, 0.3);
}
.hover-border-pink-30:hover {
  border-color: rgba(232, 122, 144, 0.3);
  color: rgba(232, 122, 144, 0.3);
  fill: rgba(232, 122, 144, 0.3);
}
.hover-border-pink-30:active {
  border-color: rgba(232, 122, 144, 0.3);
  color: rgba(232, 122, 144, 0.3);
  fill: rgba(232, 122, 144, 0.3);
}

.hover-border-pink-40 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-pink-40:focus {
  color: rgba(232, 122, 144, 0.4);
}
.hover-border-pink-40:hover {
  border-color: rgba(232, 122, 144, 0.4);
  color: rgba(232, 122, 144, 0.4);
  fill: rgba(232, 122, 144, 0.4);
}
.hover-border-pink-40:active {
  border-color: rgba(232, 122, 144, 0.4);
  color: rgba(232, 122, 144, 0.4);
  fill: rgba(232, 122, 144, 0.4);
}

.hover-border-pink-50 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-pink-50:focus {
  color: rgba(232, 122, 144, 0.5);
}
.hover-border-pink-50:hover {
  border-color: rgba(232, 122, 144, 0.5);
  color: rgba(232, 122, 144, 0.5);
  fill: rgba(232, 122, 144, 0.5);
}
.hover-border-pink-50:active {
  border-color: rgba(232, 122, 144, 0.5);
  color: rgba(232, 122, 144, 0.5);
  fill: rgba(232, 122, 144, 0.5);
}

.hover-border-pink-60 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-pink-60:focus {
  color: rgba(232, 122, 144, 0.6);
}
.hover-border-pink-60:hover {
  border-color: rgba(232, 122, 144, 0.6);
  color: rgba(232, 122, 144, 0.6);
  fill: rgba(232, 122, 144, 0.6);
}
.hover-border-pink-60:active {
  border-color: rgba(232, 122, 144, 0.6);
  color: rgba(232, 122, 144, 0.6);
  fill: rgba(232, 122, 144, 0.6);
}

.hover-border-pink-70 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-pink-70:focus {
  color: rgba(232, 122, 144, 0.7);
}
.hover-border-pink-70:hover {
  border-color: rgba(232, 122, 144, 0.7);
  color: rgba(232, 122, 144, 0.7);
  fill: rgba(232, 122, 144, 0.7);
}
.hover-border-pink-70:active {
  border-color: rgba(232, 122, 144, 0.7);
  color: rgba(232, 122, 144, 0.7);
  fill: rgba(232, 122, 144, 0.7);
}

.hover-border-pink-80 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-pink-80:focus {
  color: rgba(232, 122, 144, 0.8);
}
.hover-border-pink-80:hover {
  border-color: rgba(232, 122, 144, 0.8);
  color: rgba(232, 122, 144, 0.8);
  fill: rgba(232, 122, 144, 0.8);
}
.hover-border-pink-80:active {
  border-color: rgba(232, 122, 144, 0.8);
  color: rgba(232, 122, 144, 0.8);
  fill: rgba(232, 122, 144, 0.8);
}

.hover-border-pink-90 {
  background-color: #fff;
  border: 2px solid #000;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-pink-90:focus {
  color: rgba(232, 122, 144, 0.9);
}
.hover-border-pink-90:hover {
  border-color: rgba(232, 122, 144, 0.9);
  color: rgba(232, 122, 144, 0.9);
  fill: rgba(232, 122, 144, 0.9);
}
.hover-border-pink-90:active {
  border-color: rgba(232, 122, 144, 0.9);
  color: rgba(232, 122, 144, 0.9);
  fill: rgba(232, 122, 144, 0.9);
}

.hover-border-tran-red {
  background-color: transparent;
  border: 2px solid rgb(222, 49, 49);
  color: rgb(222, 49, 49);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-red:hover {
  background-color: rgba(222, 49, 49, 0.1);
  border-color: rgb(222, 49, 49);
  color: rgb(222, 49, 49);
  fill: rgb(222, 49, 49);
}
.hover-border-tran-red:active {
  background-color: rgba(222, 49, 49, 0.2);
  border-color: rgb(222, 49, 49);
  color: rgb(222, 49, 49);
  fill: rgb(222, 49, 49);
}

.hover-border-tran-red-10 {
  background-color: transparent;
  border: 2px solid rgba(222, 49, 49, 0.1);
  color: rgba(222, 49, 49, 0.1);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-red-10:hover {
  background-color: rgba(222, 49, 49, 0.1);
  border-color: rgba(222, 49, 49, 0.1);
  color: rgba(222, 49, 49, 0.1);
  fill: rgba(222, 49, 49, 0.1);
}
.hover-border-tran-red-10:active {
  background-color: rgba(222, 49, 49, 0.2);
  border-color: rgba(222, 49, 49, 0.1);
  color: rgba(222, 49, 49, 0.1);
  fill: rgba(222, 49, 49, 0.1);
}

.hover-border-tran-red-20 {
  background-color: transparent;
  border: 2px solid rgba(222, 49, 49, 0.2);
  color: rgba(222, 49, 49, 0.2);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-red-20:hover {
  background-color: rgba(222, 49, 49, 0.1);
  border-color: rgba(222, 49, 49, 0.2);
  color: rgba(222, 49, 49, 0.2);
  fill: rgba(222, 49, 49, 0.2);
}
.hover-border-tran-red-20:active {
  background-color: rgba(222, 49, 49, 0.2);
  border-color: rgba(222, 49, 49, 0.2);
  color: rgba(222, 49, 49, 0.2);
  fill: rgba(222, 49, 49, 0.2);
}

.hover-border-tran-red-30 {
  background-color: transparent;
  border: 2px solid rgba(222, 49, 49, 0.3);
  color: rgba(222, 49, 49, 0.3);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-red-30:hover {
  background-color: rgba(222, 49, 49, 0.1);
  border-color: rgba(222, 49, 49, 0.3);
  color: rgba(222, 49, 49, 0.3);
  fill: rgba(222, 49, 49, 0.3);
}
.hover-border-tran-red-30:active {
  background-color: rgba(222, 49, 49, 0.2);
  border-color: rgba(222, 49, 49, 0.3);
  color: rgba(222, 49, 49, 0.3);
  fill: rgba(222, 49, 49, 0.3);
}

.hover-border-tran-red-40 {
  background-color: transparent;
  border: 2px solid rgba(222, 49, 49, 0.4);
  color: rgba(222, 49, 49, 0.4);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-red-40:hover {
  background-color: rgba(222, 49, 49, 0.1);
  border-color: rgba(222, 49, 49, 0.4);
  color: rgba(222, 49, 49, 0.4);
  fill: rgba(222, 49, 49, 0.4);
}
.hover-border-tran-red-40:active {
  background-color: rgba(222, 49, 49, 0.2);
  border-color: rgba(222, 49, 49, 0.4);
  color: rgba(222, 49, 49, 0.4);
  fill: rgba(222, 49, 49, 0.4);
}

.hover-border-tran-red-50 {
  background-color: transparent;
  border: 2px solid rgba(222, 49, 49, 0.5);
  color: rgba(222, 49, 49, 0.5);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-red-50:hover {
  background-color: rgba(222, 49, 49, 0.1);
  border-color: rgba(222, 49, 49, 0.5);
  color: rgba(222, 49, 49, 0.5);
  fill: rgba(222, 49, 49, 0.5);
}
.hover-border-tran-red-50:active {
  background-color: rgba(222, 49, 49, 0.2);
  border-color: rgba(222, 49, 49, 0.5);
  color: rgba(222, 49, 49, 0.5);
  fill: rgba(222, 49, 49, 0.5);
}

.hover-border-tran-red-60 {
  background-color: transparent;
  border: 2px solid rgba(222, 49, 49, 0.6);
  color: rgba(222, 49, 49, 0.6);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-red-60:hover {
  background-color: rgba(222, 49, 49, 0.1);
  border-color: rgba(222, 49, 49, 0.6);
  color: rgba(222, 49, 49, 0.6);
  fill: rgba(222, 49, 49, 0.6);
}
.hover-border-tran-red-60:active {
  background-color: rgba(222, 49, 49, 0.2);
  border-color: rgba(222, 49, 49, 0.6);
  color: rgba(222, 49, 49, 0.6);
  fill: rgba(222, 49, 49, 0.6);
}

.hover-border-tran-red-70 {
  background-color: transparent;
  border: 2px solid rgba(222, 49, 49, 0.7);
  color: rgba(222, 49, 49, 0.7);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-red-70:hover {
  background-color: rgba(222, 49, 49, 0.1);
  border-color: rgba(222, 49, 49, 0.7);
  color: rgba(222, 49, 49, 0.7);
  fill: rgba(222, 49, 49, 0.7);
}
.hover-border-tran-red-70:active {
  background-color: rgba(222, 49, 49, 0.2);
  border-color: rgba(222, 49, 49, 0.7);
  color: rgba(222, 49, 49, 0.7);
  fill: rgba(222, 49, 49, 0.7);
}

.hover-border-tran-red-80 {
  background-color: transparent;
  border: 2px solid rgba(222, 49, 49, 0.8);
  color: rgba(222, 49, 49, 0.8);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-red-80:hover {
  background-color: rgba(222, 49, 49, 0.1);
  border-color: rgba(222, 49, 49, 0.8);
  color: rgba(222, 49, 49, 0.8);
  fill: rgba(222, 49, 49, 0.8);
}
.hover-border-tran-red-80:active {
  background-color: rgba(222, 49, 49, 0.2);
  border-color: rgba(222, 49, 49, 0.8);
  color: rgba(222, 49, 49, 0.8);
  fill: rgba(222, 49, 49, 0.8);
}

.hover-border-tran-red-90 {
  background-color: transparent;
  border: 2px solid rgba(222, 49, 49, 0.9);
  color: rgba(222, 49, 49, 0.9);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-red-90:hover {
  background-color: rgba(222, 49, 49, 0.1);
  border-color: rgba(222, 49, 49, 0.9);
  color: rgba(222, 49, 49, 0.9);
  fill: rgba(222, 49, 49, 0.9);
}
.hover-border-tran-red-90:active {
  background-color: rgba(222, 49, 49, 0.2);
  border-color: rgba(222, 49, 49, 0.9);
  color: rgba(222, 49, 49, 0.9);
  fill: rgba(222, 49, 49, 0.9);
}

.hover-border-tran-orange {
  background-color: transparent;
  border: 2px solid rgb(239, 99, 43);
  color: rgb(239, 99, 43);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-orange:hover {
  background-color: rgba(239, 99, 43, 0.1);
  border-color: rgb(239, 99, 43);
  color: rgb(239, 99, 43);
  fill: rgb(239, 99, 43);
}
.hover-border-tran-orange:active {
  background-color: rgba(239, 99, 43, 0.2);
  border-color: rgb(239, 99, 43);
  color: rgb(239, 99, 43);
  fill: rgb(239, 99, 43);
}

.hover-border-tran-orange-10 {
  background-color: transparent;
  border: 2px solid rgba(239, 99, 43, 0.1);
  color: rgba(239, 99, 43, 0.1);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-orange-10:hover {
  background-color: rgba(239, 99, 43, 0.1);
  border-color: rgba(239, 99, 43, 0.1);
  color: rgba(239, 99, 43, 0.1);
  fill: rgba(239, 99, 43, 0.1);
}
.hover-border-tran-orange-10:active {
  background-color: rgba(239, 99, 43, 0.2);
  border-color: rgba(239, 99, 43, 0.1);
  color: rgba(239, 99, 43, 0.1);
  fill: rgba(239, 99, 43, 0.1);
}

.hover-border-tran-orange-20 {
  background-color: transparent;
  border: 2px solid rgba(239, 99, 43, 0.2);
  color: rgba(239, 99, 43, 0.2);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-orange-20:hover {
  background-color: rgba(239, 99, 43, 0.1);
  border-color: rgba(239, 99, 43, 0.2);
  color: rgba(239, 99, 43, 0.2);
  fill: rgba(239, 99, 43, 0.2);
}
.hover-border-tran-orange-20:active {
  background-color: rgba(239, 99, 43, 0.2);
  border-color: rgba(239, 99, 43, 0.2);
  color: rgba(239, 99, 43, 0.2);
  fill: rgba(239, 99, 43, 0.2);
}

.hover-border-tran-orange-30 {
  background-color: transparent;
  border: 2px solid rgba(239, 99, 43, 0.3);
  color: rgba(239, 99, 43, 0.3);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-orange-30:hover {
  background-color: rgba(239, 99, 43, 0.1);
  border-color: rgba(239, 99, 43, 0.3);
  color: rgba(239, 99, 43, 0.3);
  fill: rgba(239, 99, 43, 0.3);
}
.hover-border-tran-orange-30:active {
  background-color: rgba(239, 99, 43, 0.2);
  border-color: rgba(239, 99, 43, 0.3);
  color: rgba(239, 99, 43, 0.3);
  fill: rgba(239, 99, 43, 0.3);
}

.hover-border-tran-orange-40 {
  background-color: transparent;
  border: 2px solid rgba(239, 99, 43, 0.4);
  color: rgba(239, 99, 43, 0.4);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-orange-40:hover {
  background-color: rgba(239, 99, 43, 0.1);
  border-color: rgba(239, 99, 43, 0.4);
  color: rgba(239, 99, 43, 0.4);
  fill: rgba(239, 99, 43, 0.4);
}
.hover-border-tran-orange-40:active {
  background-color: rgba(239, 99, 43, 0.2);
  border-color: rgba(239, 99, 43, 0.4);
  color: rgba(239, 99, 43, 0.4);
  fill: rgba(239, 99, 43, 0.4);
}

.hover-border-tran-orange-50 {
  background-color: transparent;
  border: 2px solid rgba(239, 99, 43, 0.5);
  color: rgba(239, 99, 43, 0.5);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-orange-50:hover {
  background-color: rgba(239, 99, 43, 0.1);
  border-color: rgba(239, 99, 43, 0.5);
  color: rgba(239, 99, 43, 0.5);
  fill: rgba(239, 99, 43, 0.5);
}
.hover-border-tran-orange-50:active {
  background-color: rgba(239, 99, 43, 0.2);
  border-color: rgba(239, 99, 43, 0.5);
  color: rgba(239, 99, 43, 0.5);
  fill: rgba(239, 99, 43, 0.5);
}

.hover-border-tran-orange-60 {
  background-color: transparent;
  border: 2px solid rgba(239, 99, 43, 0.6);
  color: rgba(239, 99, 43, 0.6);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-orange-60:hover {
  background-color: rgba(239, 99, 43, 0.1);
  border-color: rgba(239, 99, 43, 0.6);
  color: rgba(239, 99, 43, 0.6);
  fill: rgba(239, 99, 43, 0.6);
}
.hover-border-tran-orange-60:active {
  background-color: rgba(239, 99, 43, 0.2);
  border-color: rgba(239, 99, 43, 0.6);
  color: rgba(239, 99, 43, 0.6);
  fill: rgba(239, 99, 43, 0.6);
}

.hover-border-tran-orange-70 {
  background-color: transparent;
  border: 2px solid rgba(239, 99, 43, 0.7);
  color: rgba(239, 99, 43, 0.7);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-orange-70:hover {
  background-color: rgba(239, 99, 43, 0.1);
  border-color: rgba(239, 99, 43, 0.7);
  color: rgba(239, 99, 43, 0.7);
  fill: rgba(239, 99, 43, 0.7);
}
.hover-border-tran-orange-70:active {
  background-color: rgba(239, 99, 43, 0.2);
  border-color: rgba(239, 99, 43, 0.7);
  color: rgba(239, 99, 43, 0.7);
  fill: rgba(239, 99, 43, 0.7);
}

.hover-border-tran-orange-80 {
  background-color: transparent;
  border: 2px solid rgba(239, 99, 43, 0.8);
  color: rgba(239, 99, 43, 0.8);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-orange-80:hover {
  background-color: rgba(239, 99, 43, 0.1);
  border-color: rgba(239, 99, 43, 0.8);
  color: rgba(239, 99, 43, 0.8);
  fill: rgba(239, 99, 43, 0.8);
}
.hover-border-tran-orange-80:active {
  background-color: rgba(239, 99, 43, 0.2);
  border-color: rgba(239, 99, 43, 0.8);
  color: rgba(239, 99, 43, 0.8);
  fill: rgba(239, 99, 43, 0.8);
}

.hover-border-tran-orange-90 {
  background-color: transparent;
  border: 2px solid rgba(239, 99, 43, 0.9);
  color: rgba(239, 99, 43, 0.9);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-orange-90:hover {
  background-color: rgba(239, 99, 43, 0.1);
  border-color: rgba(239, 99, 43, 0.9);
  color: rgba(239, 99, 43, 0.9);
  fill: rgba(239, 99, 43, 0.9);
}
.hover-border-tran-orange-90:active {
  background-color: rgba(239, 99, 43, 0.2);
  border-color: rgba(239, 99, 43, 0.9);
  color: rgba(239, 99, 43, 0.9);
  fill: rgba(239, 99, 43, 0.9);
}

.hover-border-tran-tangerine {
  background-color: transparent;
  border: 2px solid rgb(250, 126, 35);
  color: rgb(250, 126, 35);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-tangerine:hover {
  background-color: rgba(250, 126, 35, 0.1);
  border-color: rgb(250, 126, 35);
  color: rgb(250, 126, 35);
  fill: rgb(250, 126, 35);
}
.hover-border-tran-tangerine:active {
  background-color: rgba(250, 126, 35, 0.2);
  border-color: rgb(250, 126, 35);
  color: rgb(250, 126, 35);
  fill: rgb(250, 126, 35);
}

.hover-border-tran-tangerine-10 {
  background-color: transparent;
  border: 2px solid rgba(250, 126, 35, 0.1);
  color: rgba(250, 126, 35, 0.1);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-tangerine-10:hover {
  background-color: rgba(250, 126, 35, 0.1);
  border-color: rgba(250, 126, 35, 0.1);
  color: rgba(250, 126, 35, 0.1);
  fill: rgba(250, 126, 35, 0.1);
}
.hover-border-tran-tangerine-10:active {
  background-color: rgba(250, 126, 35, 0.2);
  border-color: rgba(250, 126, 35, 0.1);
  color: rgba(250, 126, 35, 0.1);
  fill: rgba(250, 126, 35, 0.1);
}

.hover-border-tran-tangerine-20 {
  background-color: transparent;
  border: 2px solid rgba(250, 126, 35, 0.2);
  color: rgba(250, 126, 35, 0.2);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-tangerine-20:hover {
  background-color: rgba(250, 126, 35, 0.1);
  border-color: rgba(250, 126, 35, 0.2);
  color: rgba(250, 126, 35, 0.2);
  fill: rgba(250, 126, 35, 0.2);
}
.hover-border-tran-tangerine-20:active {
  background-color: rgba(250, 126, 35, 0.2);
  border-color: rgba(250, 126, 35, 0.2);
  color: rgba(250, 126, 35, 0.2);
  fill: rgba(250, 126, 35, 0.2);
}

.hover-border-tran-tangerine-30 {
  background-color: transparent;
  border: 2px solid rgba(250, 126, 35, 0.3);
  color: rgba(250, 126, 35, 0.3);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-tangerine-30:hover {
  background-color: rgba(250, 126, 35, 0.1);
  border-color: rgba(250, 126, 35, 0.3);
  color: rgba(250, 126, 35, 0.3);
  fill: rgba(250, 126, 35, 0.3);
}
.hover-border-tran-tangerine-30:active {
  background-color: rgba(250, 126, 35, 0.2);
  border-color: rgba(250, 126, 35, 0.3);
  color: rgba(250, 126, 35, 0.3);
  fill: rgba(250, 126, 35, 0.3);
}

.hover-border-tran-tangerine-40 {
  background-color: transparent;
  border: 2px solid rgba(250, 126, 35, 0.4);
  color: rgba(250, 126, 35, 0.4);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-tangerine-40:hover {
  background-color: rgba(250, 126, 35, 0.1);
  border-color: rgba(250, 126, 35, 0.4);
  color: rgba(250, 126, 35, 0.4);
  fill: rgba(250, 126, 35, 0.4);
}
.hover-border-tran-tangerine-40:active {
  background-color: rgba(250, 126, 35, 0.2);
  border-color: rgba(250, 126, 35, 0.4);
  color: rgba(250, 126, 35, 0.4);
  fill: rgba(250, 126, 35, 0.4);
}

.hover-border-tran-tangerine-50 {
  background-color: transparent;
  border: 2px solid rgba(250, 126, 35, 0.5);
  color: rgba(250, 126, 35, 0.5);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-tangerine-50:hover {
  background-color: rgba(250, 126, 35, 0.1);
  border-color: rgba(250, 126, 35, 0.5);
  color: rgba(250, 126, 35, 0.5);
  fill: rgba(250, 126, 35, 0.5);
}
.hover-border-tran-tangerine-50:active {
  background-color: rgba(250, 126, 35, 0.2);
  border-color: rgba(250, 126, 35, 0.5);
  color: rgba(250, 126, 35, 0.5);
  fill: rgba(250, 126, 35, 0.5);
}

.hover-border-tran-tangerine-60 {
  background-color: transparent;
  border: 2px solid rgba(250, 126, 35, 0.6);
  color: rgba(250, 126, 35, 0.6);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-tangerine-60:hover {
  background-color: rgba(250, 126, 35, 0.1);
  border-color: rgba(250, 126, 35, 0.6);
  color: rgba(250, 126, 35, 0.6);
  fill: rgba(250, 126, 35, 0.6);
}
.hover-border-tran-tangerine-60:active {
  background-color: rgba(250, 126, 35, 0.2);
  border-color: rgba(250, 126, 35, 0.6);
  color: rgba(250, 126, 35, 0.6);
  fill: rgba(250, 126, 35, 0.6);
}

.hover-border-tran-tangerine-70 {
  background-color: transparent;
  border: 2px solid rgba(250, 126, 35, 0.7);
  color: rgba(250, 126, 35, 0.7);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-tangerine-70:hover {
  background-color: rgba(250, 126, 35, 0.1);
  border-color: rgba(250, 126, 35, 0.7);
  color: rgba(250, 126, 35, 0.7);
  fill: rgba(250, 126, 35, 0.7);
}
.hover-border-tran-tangerine-70:active {
  background-color: rgba(250, 126, 35, 0.2);
  border-color: rgba(250, 126, 35, 0.7);
  color: rgba(250, 126, 35, 0.7);
  fill: rgba(250, 126, 35, 0.7);
}

.hover-border-tran-tangerine-80 {
  background-color: transparent;
  border: 2px solid rgba(250, 126, 35, 0.8);
  color: rgba(250, 126, 35, 0.8);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-tangerine-80:hover {
  background-color: rgba(250, 126, 35, 0.1);
  border-color: rgba(250, 126, 35, 0.8);
  color: rgba(250, 126, 35, 0.8);
  fill: rgba(250, 126, 35, 0.8);
}
.hover-border-tran-tangerine-80:active {
  background-color: rgba(250, 126, 35, 0.2);
  border-color: rgba(250, 126, 35, 0.8);
  color: rgba(250, 126, 35, 0.8);
  fill: rgba(250, 126, 35, 0.8);
}

.hover-border-tran-tangerine-90 {
  background-color: transparent;
  border: 2px solid rgba(250, 126, 35, 0.9);
  color: rgba(250, 126, 35, 0.9);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-tangerine-90:hover {
  background-color: rgba(250, 126, 35, 0.1);
  border-color: rgba(250, 126, 35, 0.9);
  color: rgba(250, 126, 35, 0.9);
  fill: rgba(250, 126, 35, 0.9);
}
.hover-border-tran-tangerine-90:active {
  background-color: rgba(250, 126, 35, 0.2);
  border-color: rgba(250, 126, 35, 0.9);
  color: rgba(250, 126, 35, 0.9);
  fill: rgba(250, 126, 35, 0.9);
}

.hover-border-tran-green {
  background-color: transparent;
  border: 2px solid rgb(36, 128, 103);
  color: rgb(36, 128, 103);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-green:hover {
  background-color: rgba(36, 128, 103, 0.1);
  border-color: rgb(36, 128, 103);
  color: rgb(36, 128, 103);
  fill: rgb(36, 128, 103);
}
.hover-border-tran-green:active {
  background-color: rgba(36, 128, 103, 0.2);
  border-color: rgb(36, 128, 103);
  color: rgb(36, 128, 103);
  fill: rgb(36, 128, 103);
}

.hover-border-tran-green-10 {
  background-color: transparent;
  border: 2px solid rgba(36, 128, 103, 0.1);
  color: rgba(36, 128, 103, 0.1);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-green-10:hover {
  background-color: rgba(36, 128, 103, 0.1);
  border-color: rgba(36, 128, 103, 0.1);
  color: rgba(36, 128, 103, 0.1);
  fill: rgba(36, 128, 103, 0.1);
}
.hover-border-tran-green-10:active {
  background-color: rgba(36, 128, 103, 0.2);
  border-color: rgba(36, 128, 103, 0.1);
  color: rgba(36, 128, 103, 0.1);
  fill: rgba(36, 128, 103, 0.1);
}

.hover-border-tran-green-20 {
  background-color: transparent;
  border: 2px solid rgba(36, 128, 103, 0.2);
  color: rgba(36, 128, 103, 0.2);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-green-20:hover {
  background-color: rgba(36, 128, 103, 0.1);
  border-color: rgba(36, 128, 103, 0.2);
  color: rgba(36, 128, 103, 0.2);
  fill: rgba(36, 128, 103, 0.2);
}
.hover-border-tran-green-20:active {
  background-color: rgba(36, 128, 103, 0.2);
  border-color: rgba(36, 128, 103, 0.2);
  color: rgba(36, 128, 103, 0.2);
  fill: rgba(36, 128, 103, 0.2);
}

.hover-border-tran-green-30 {
  background-color: transparent;
  border: 2px solid rgba(36, 128, 103, 0.3);
  color: rgba(36, 128, 103, 0.3);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-green-30:hover {
  background-color: rgba(36, 128, 103, 0.1);
  border-color: rgba(36, 128, 103, 0.3);
  color: rgba(36, 128, 103, 0.3);
  fill: rgba(36, 128, 103, 0.3);
}
.hover-border-tran-green-30:active {
  background-color: rgba(36, 128, 103, 0.2);
  border-color: rgba(36, 128, 103, 0.3);
  color: rgba(36, 128, 103, 0.3);
  fill: rgba(36, 128, 103, 0.3);
}

.hover-border-tran-green-40 {
  background-color: transparent;
  border: 2px solid rgba(36, 128, 103, 0.4);
  color: rgba(36, 128, 103, 0.4);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-green-40:hover {
  background-color: rgba(36, 128, 103, 0.1);
  border-color: rgba(36, 128, 103, 0.4);
  color: rgba(36, 128, 103, 0.4);
  fill: rgba(36, 128, 103, 0.4);
}
.hover-border-tran-green-40:active {
  background-color: rgba(36, 128, 103, 0.2);
  border-color: rgba(36, 128, 103, 0.4);
  color: rgba(36, 128, 103, 0.4);
  fill: rgba(36, 128, 103, 0.4);
}

.hover-border-tran-green-50 {
  background-color: transparent;
  border: 2px solid rgba(36, 128, 103, 0.5);
  color: rgba(36, 128, 103, 0.5);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-green-50:hover {
  background-color: rgba(36, 128, 103, 0.1);
  border-color: rgba(36, 128, 103, 0.5);
  color: rgba(36, 128, 103, 0.5);
  fill: rgba(36, 128, 103, 0.5);
}
.hover-border-tran-green-50:active {
  background-color: rgba(36, 128, 103, 0.2);
  border-color: rgba(36, 128, 103, 0.5);
  color: rgba(36, 128, 103, 0.5);
  fill: rgba(36, 128, 103, 0.5);
}

.hover-border-tran-green-60 {
  background-color: transparent;
  border: 2px solid rgba(36, 128, 103, 0.6);
  color: rgba(36, 128, 103, 0.6);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-green-60:hover {
  background-color: rgba(36, 128, 103, 0.1);
  border-color: rgba(36, 128, 103, 0.6);
  color: rgba(36, 128, 103, 0.6);
  fill: rgba(36, 128, 103, 0.6);
}
.hover-border-tran-green-60:active {
  background-color: rgba(36, 128, 103, 0.2);
  border-color: rgba(36, 128, 103, 0.6);
  color: rgba(36, 128, 103, 0.6);
  fill: rgba(36, 128, 103, 0.6);
}

.hover-border-tran-green-70 {
  background-color: transparent;
  border: 2px solid rgba(36, 128, 103, 0.7);
  color: rgba(36, 128, 103, 0.7);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-green-70:hover {
  background-color: rgba(36, 128, 103, 0.1);
  border-color: rgba(36, 128, 103, 0.7);
  color: rgba(36, 128, 103, 0.7);
  fill: rgba(36, 128, 103, 0.7);
}
.hover-border-tran-green-70:active {
  background-color: rgba(36, 128, 103, 0.2);
  border-color: rgba(36, 128, 103, 0.7);
  color: rgba(36, 128, 103, 0.7);
  fill: rgba(36, 128, 103, 0.7);
}

.hover-border-tran-green-80 {
  background-color: transparent;
  border: 2px solid rgba(36, 128, 103, 0.8);
  color: rgba(36, 128, 103, 0.8);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-green-80:hover {
  background-color: rgba(36, 128, 103, 0.1);
  border-color: rgba(36, 128, 103, 0.8);
  color: rgba(36, 128, 103, 0.8);
  fill: rgba(36, 128, 103, 0.8);
}
.hover-border-tran-green-80:active {
  background-color: rgba(36, 128, 103, 0.2);
  border-color: rgba(36, 128, 103, 0.8);
  color: rgba(36, 128, 103, 0.8);
  fill: rgba(36, 128, 103, 0.8);
}

.hover-border-tran-green-90 {
  background-color: transparent;
  border: 2px solid rgba(36, 128, 103, 0.9);
  color: rgba(36, 128, 103, 0.9);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-green-90:hover {
  background-color: rgba(36, 128, 103, 0.1);
  border-color: rgba(36, 128, 103, 0.9);
  color: rgba(36, 128, 103, 0.9);
  fill: rgba(36, 128, 103, 0.9);
}
.hover-border-tran-green-90:active {
  background-color: rgba(36, 128, 103, 0.2);
  border-color: rgba(36, 128, 103, 0.9);
  color: rgba(36, 128, 103, 0.9);
  fill: rgba(36, 128, 103, 0.9);
}

.hover-border-tran-emerald {
  background-color: transparent;
  border: 2px solid rgb(34, 148, 83);
  color: rgb(34, 148, 83);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-emerald:hover {
  background-color: rgba(34, 148, 83, 0.1);
  border-color: rgb(34, 148, 83);
  color: rgb(34, 148, 83);
  fill: rgb(34, 148, 83);
}
.hover-border-tran-emerald:active {
  background-color: rgba(34, 148, 83, 0.2);
  border-color: rgb(34, 148, 83);
  color: rgb(34, 148, 83);
  fill: rgb(34, 148, 83);
}

.hover-border-tran-emerald-10 {
  background-color: transparent;
  border: 2px solid rgba(34, 148, 83, 0.1);
  color: rgba(34, 148, 83, 0.1);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-emerald-10:hover {
  background-color: rgba(34, 148, 83, 0.1);
  border-color: rgba(34, 148, 83, 0.1);
  color: rgba(34, 148, 83, 0.1);
  fill: rgba(34, 148, 83, 0.1);
}
.hover-border-tran-emerald-10:active {
  background-color: rgba(34, 148, 83, 0.2);
  border-color: rgba(34, 148, 83, 0.1);
  color: rgba(34, 148, 83, 0.1);
  fill: rgba(34, 148, 83, 0.1);
}

.hover-border-tran-emerald-20 {
  background-color: transparent;
  border: 2px solid rgba(34, 148, 83, 0.2);
  color: rgba(34, 148, 83, 0.2);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-emerald-20:hover {
  background-color: rgba(34, 148, 83, 0.1);
  border-color: rgba(34, 148, 83, 0.2);
  color: rgba(34, 148, 83, 0.2);
  fill: rgba(34, 148, 83, 0.2);
}
.hover-border-tran-emerald-20:active {
  background-color: rgba(34, 148, 83, 0.2);
  border-color: rgba(34, 148, 83, 0.2);
  color: rgba(34, 148, 83, 0.2);
  fill: rgba(34, 148, 83, 0.2);
}

.hover-border-tran-emerald-30 {
  background-color: transparent;
  border: 2px solid rgba(34, 148, 83, 0.3);
  color: rgba(34, 148, 83, 0.3);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-emerald-30:hover {
  background-color: rgba(34, 148, 83, 0.1);
  border-color: rgba(34, 148, 83, 0.3);
  color: rgba(34, 148, 83, 0.3);
  fill: rgba(34, 148, 83, 0.3);
}
.hover-border-tran-emerald-30:active {
  background-color: rgba(34, 148, 83, 0.2);
  border-color: rgba(34, 148, 83, 0.3);
  color: rgba(34, 148, 83, 0.3);
  fill: rgba(34, 148, 83, 0.3);
}

.hover-border-tran-emerald-40 {
  background-color: transparent;
  border: 2px solid rgba(34, 148, 83, 0.4);
  color: rgba(34, 148, 83, 0.4);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-emerald-40:hover {
  background-color: rgba(34, 148, 83, 0.1);
  border-color: rgba(34, 148, 83, 0.4);
  color: rgba(34, 148, 83, 0.4);
  fill: rgba(34, 148, 83, 0.4);
}
.hover-border-tran-emerald-40:active {
  background-color: rgba(34, 148, 83, 0.2);
  border-color: rgba(34, 148, 83, 0.4);
  color: rgba(34, 148, 83, 0.4);
  fill: rgba(34, 148, 83, 0.4);
}

.hover-border-tran-emerald-50 {
  background-color: transparent;
  border: 2px solid rgba(34, 148, 83, 0.5);
  color: rgba(34, 148, 83, 0.5);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-emerald-50:hover {
  background-color: rgba(34, 148, 83, 0.1);
  border-color: rgba(34, 148, 83, 0.5);
  color: rgba(34, 148, 83, 0.5);
  fill: rgba(34, 148, 83, 0.5);
}
.hover-border-tran-emerald-50:active {
  background-color: rgba(34, 148, 83, 0.2);
  border-color: rgba(34, 148, 83, 0.5);
  color: rgba(34, 148, 83, 0.5);
  fill: rgba(34, 148, 83, 0.5);
}

.hover-border-tran-emerald-60 {
  background-color: transparent;
  border: 2px solid rgba(34, 148, 83, 0.6);
  color: rgba(34, 148, 83, 0.6);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-emerald-60:hover {
  background-color: rgba(34, 148, 83, 0.1);
  border-color: rgba(34, 148, 83, 0.6);
  color: rgba(34, 148, 83, 0.6);
  fill: rgba(34, 148, 83, 0.6);
}
.hover-border-tran-emerald-60:active {
  background-color: rgba(34, 148, 83, 0.2);
  border-color: rgba(34, 148, 83, 0.6);
  color: rgba(34, 148, 83, 0.6);
  fill: rgba(34, 148, 83, 0.6);
}

.hover-border-tran-emerald-70 {
  background-color: transparent;
  border: 2px solid rgba(34, 148, 83, 0.7);
  color: rgba(34, 148, 83, 0.7);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-emerald-70:hover {
  background-color: rgba(34, 148, 83, 0.1);
  border-color: rgba(34, 148, 83, 0.7);
  color: rgba(34, 148, 83, 0.7);
  fill: rgba(34, 148, 83, 0.7);
}
.hover-border-tran-emerald-70:active {
  background-color: rgba(34, 148, 83, 0.2);
  border-color: rgba(34, 148, 83, 0.7);
  color: rgba(34, 148, 83, 0.7);
  fill: rgba(34, 148, 83, 0.7);
}

.hover-border-tran-emerald-80 {
  background-color: transparent;
  border: 2px solid rgba(34, 148, 83, 0.8);
  color: rgba(34, 148, 83, 0.8);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-emerald-80:hover {
  background-color: rgba(34, 148, 83, 0.1);
  border-color: rgba(34, 148, 83, 0.8);
  color: rgba(34, 148, 83, 0.8);
  fill: rgba(34, 148, 83, 0.8);
}
.hover-border-tran-emerald-80:active {
  background-color: rgba(34, 148, 83, 0.2);
  border-color: rgba(34, 148, 83, 0.8);
  color: rgba(34, 148, 83, 0.8);
  fill: rgba(34, 148, 83, 0.8);
}

.hover-border-tran-emerald-90 {
  background-color: transparent;
  border: 2px solid rgba(34, 148, 83, 0.9);
  color: rgba(34, 148, 83, 0.9);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-emerald-90:hover {
  background-color: rgba(34, 148, 83, 0.1);
  border-color: rgba(34, 148, 83, 0.9);
  color: rgba(34, 148, 83, 0.9);
  fill: rgba(34, 148, 83, 0.9);
}
.hover-border-tran-emerald-90:active {
  background-color: rgba(34, 148, 83, 0.2);
  border-color: rgba(34, 148, 83, 0.9);
  color: rgba(34, 148, 83, 0.9);
  fill: rgba(34, 148, 83, 0.9);
}

.hover-border-tran-mint {
  background-color: transparent;
  border: 2px solid rgb(32, 161, 98);
  color: rgb(32, 161, 98);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-mint:hover {
  background-color: rgba(32, 161, 98, 0.1);
  border-color: rgb(32, 161, 98);
  color: rgb(32, 161, 98);
  fill: rgb(32, 161, 98);
}
.hover-border-tran-mint:active {
  background-color: rgba(32, 161, 98, 0.2);
  border-color: rgb(32, 161, 98);
  color: rgb(32, 161, 98);
  fill: rgb(32, 161, 98);
}

.hover-border-tran-mint-10 {
  background-color: transparent;
  border: 2px solid rgba(32, 161, 98, 0.1);
  color: rgba(32, 161, 98, 0.1);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-mint-10:hover {
  background-color: rgba(32, 161, 98, 0.1);
  border-color: rgba(32, 161, 98, 0.1);
  color: rgba(32, 161, 98, 0.1);
  fill: rgba(32, 161, 98, 0.1);
}
.hover-border-tran-mint-10:active {
  background-color: rgba(32, 161, 98, 0.2);
  border-color: rgba(32, 161, 98, 0.1);
  color: rgba(32, 161, 98, 0.1);
  fill: rgba(32, 161, 98, 0.1);
}

.hover-border-tran-mint-20 {
  background-color: transparent;
  border: 2px solid rgba(32, 161, 98, 0.2);
  color: rgba(32, 161, 98, 0.2);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-mint-20:hover {
  background-color: rgba(32, 161, 98, 0.1);
  border-color: rgba(32, 161, 98, 0.2);
  color: rgba(32, 161, 98, 0.2);
  fill: rgba(32, 161, 98, 0.2);
}
.hover-border-tran-mint-20:active {
  background-color: rgba(32, 161, 98, 0.2);
  border-color: rgba(32, 161, 98, 0.2);
  color: rgba(32, 161, 98, 0.2);
  fill: rgba(32, 161, 98, 0.2);
}

.hover-border-tran-mint-30 {
  background-color: transparent;
  border: 2px solid rgba(32, 161, 98, 0.3);
  color: rgba(32, 161, 98, 0.3);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-mint-30:hover {
  background-color: rgba(32, 161, 98, 0.1);
  border-color: rgba(32, 161, 98, 0.3);
  color: rgba(32, 161, 98, 0.3);
  fill: rgba(32, 161, 98, 0.3);
}
.hover-border-tran-mint-30:active {
  background-color: rgba(32, 161, 98, 0.2);
  border-color: rgba(32, 161, 98, 0.3);
  color: rgba(32, 161, 98, 0.3);
  fill: rgba(32, 161, 98, 0.3);
}

.hover-border-tran-mint-40 {
  background-color: transparent;
  border: 2px solid rgba(32, 161, 98, 0.4);
  color: rgba(32, 161, 98, 0.4);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-mint-40:hover {
  background-color: rgba(32, 161, 98, 0.1);
  border-color: rgba(32, 161, 98, 0.4);
  color: rgba(32, 161, 98, 0.4);
  fill: rgba(32, 161, 98, 0.4);
}
.hover-border-tran-mint-40:active {
  background-color: rgba(32, 161, 98, 0.2);
  border-color: rgba(32, 161, 98, 0.4);
  color: rgba(32, 161, 98, 0.4);
  fill: rgba(32, 161, 98, 0.4);
}

.hover-border-tran-mint-50 {
  background-color: transparent;
  border: 2px solid rgba(32, 161, 98, 0.5);
  color: rgba(32, 161, 98, 0.5);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-mint-50:hover {
  background-color: rgba(32, 161, 98, 0.1);
  border-color: rgba(32, 161, 98, 0.5);
  color: rgba(32, 161, 98, 0.5);
  fill: rgba(32, 161, 98, 0.5);
}
.hover-border-tran-mint-50:active {
  background-color: rgba(32, 161, 98, 0.2);
  border-color: rgba(32, 161, 98, 0.5);
  color: rgba(32, 161, 98, 0.5);
  fill: rgba(32, 161, 98, 0.5);
}

.hover-border-tran-mint-60 {
  background-color: transparent;
  border: 2px solid rgba(32, 161, 98, 0.6);
  color: rgba(32, 161, 98, 0.6);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-mint-60:hover {
  background-color: rgba(32, 161, 98, 0.1);
  border-color: rgba(32, 161, 98, 0.6);
  color: rgba(32, 161, 98, 0.6);
  fill: rgba(32, 161, 98, 0.6);
}
.hover-border-tran-mint-60:active {
  background-color: rgba(32, 161, 98, 0.2);
  border-color: rgba(32, 161, 98, 0.6);
  color: rgba(32, 161, 98, 0.6);
  fill: rgba(32, 161, 98, 0.6);
}

.hover-border-tran-mint-70 {
  background-color: transparent;
  border: 2px solid rgba(32, 161, 98, 0.7);
  color: rgba(32, 161, 98, 0.7);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-mint-70:hover {
  background-color: rgba(32, 161, 98, 0.1);
  border-color: rgba(32, 161, 98, 0.7);
  color: rgba(32, 161, 98, 0.7);
  fill: rgba(32, 161, 98, 0.7);
}
.hover-border-tran-mint-70:active {
  background-color: rgba(32, 161, 98, 0.2);
  border-color: rgba(32, 161, 98, 0.7);
  color: rgba(32, 161, 98, 0.7);
  fill: rgba(32, 161, 98, 0.7);
}

.hover-border-tran-mint-80 {
  background-color: transparent;
  border: 2px solid rgba(32, 161, 98, 0.8);
  color: rgba(32, 161, 98, 0.8);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-mint-80:hover {
  background-color: rgba(32, 161, 98, 0.1);
  border-color: rgba(32, 161, 98, 0.8);
  color: rgba(32, 161, 98, 0.8);
  fill: rgba(32, 161, 98, 0.8);
}
.hover-border-tran-mint-80:active {
  background-color: rgba(32, 161, 98, 0.2);
  border-color: rgba(32, 161, 98, 0.8);
  color: rgba(32, 161, 98, 0.8);
  fill: rgba(32, 161, 98, 0.8);
}

.hover-border-tran-mint-90 {
  background-color: transparent;
  border: 2px solid rgba(32, 161, 98, 0.9);
  color: rgba(32, 161, 98, 0.9);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-mint-90:hover {
  background-color: rgba(32, 161, 98, 0.1);
  border-color: rgba(32, 161, 98, 0.9);
  color: rgba(32, 161, 98, 0.9);
  fill: rgba(32, 161, 98, 0.9);
}
.hover-border-tran-mint-90:active {
  background-color: rgba(32, 161, 98, 0.2);
  border-color: rgba(32, 161, 98, 0.9);
  color: rgba(32, 161, 98, 0.9);
  fill: rgba(32, 161, 98, 0.9);
}

.hover-border-tran-blue {
  background-color: transparent;
  border: 2px solid rgb(36, 134, 185);
  color: rgb(36, 134, 185);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-blue:hover {
  background-color: rgba(36, 134, 185, 0.1);
  border-color: rgb(36, 134, 185);
  color: rgb(36, 134, 185);
  fill: rgb(36, 134, 185);
}
.hover-border-tran-blue:active {
  background-color: rgba(36, 134, 185, 0.2);
  border-color: rgb(36, 134, 185);
  color: rgb(36, 134, 185);
  fill: rgb(36, 134, 185);
}

.hover-border-tran-blue-10 {
  background-color: transparent;
  border: 2px solid rgba(36, 134, 185, 0.1);
  color: rgba(36, 134, 185, 0.1);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-blue-10:hover {
  background-color: rgba(36, 134, 185, 0.1);
  border-color: rgba(36, 134, 185, 0.1);
  color: rgba(36, 134, 185, 0.1);
  fill: rgba(36, 134, 185, 0.1);
}
.hover-border-tran-blue-10:active {
  background-color: rgba(36, 134, 185, 0.2);
  border-color: rgba(36, 134, 185, 0.1);
  color: rgba(36, 134, 185, 0.1);
  fill: rgba(36, 134, 185, 0.1);
}

.hover-border-tran-blue-20 {
  background-color: transparent;
  border: 2px solid rgba(36, 134, 185, 0.2);
  color: rgba(36, 134, 185, 0.2);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-blue-20:hover {
  background-color: rgba(36, 134, 185, 0.1);
  border-color: rgba(36, 134, 185, 0.2);
  color: rgba(36, 134, 185, 0.2);
  fill: rgba(36, 134, 185, 0.2);
}
.hover-border-tran-blue-20:active {
  background-color: rgba(36, 134, 185, 0.2);
  border-color: rgba(36, 134, 185, 0.2);
  color: rgba(36, 134, 185, 0.2);
  fill: rgba(36, 134, 185, 0.2);
}

.hover-border-tran-blue-30 {
  background-color: transparent;
  border: 2px solid rgba(36, 134, 185, 0.3);
  color: rgba(36, 134, 185, 0.3);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-blue-30:hover {
  background-color: rgba(36, 134, 185, 0.1);
  border-color: rgba(36, 134, 185, 0.3);
  color: rgba(36, 134, 185, 0.3);
  fill: rgba(36, 134, 185, 0.3);
}
.hover-border-tran-blue-30:active {
  background-color: rgba(36, 134, 185, 0.2);
  border-color: rgba(36, 134, 185, 0.3);
  color: rgba(36, 134, 185, 0.3);
  fill: rgba(36, 134, 185, 0.3);
}

.hover-border-tran-blue-40 {
  background-color: transparent;
  border: 2px solid rgba(36, 134, 185, 0.4);
  color: rgba(36, 134, 185, 0.4);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-blue-40:hover {
  background-color: rgba(36, 134, 185, 0.1);
  border-color: rgba(36, 134, 185, 0.4);
  color: rgba(36, 134, 185, 0.4);
  fill: rgba(36, 134, 185, 0.4);
}
.hover-border-tran-blue-40:active {
  background-color: rgba(36, 134, 185, 0.2);
  border-color: rgba(36, 134, 185, 0.4);
  color: rgba(36, 134, 185, 0.4);
  fill: rgba(36, 134, 185, 0.4);
}

.hover-border-tran-blue-50 {
  background-color: transparent;
  border: 2px solid rgba(36, 134, 185, 0.5);
  color: rgba(36, 134, 185, 0.5);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-blue-50:hover {
  background-color: rgba(36, 134, 185, 0.1);
  border-color: rgba(36, 134, 185, 0.5);
  color: rgba(36, 134, 185, 0.5);
  fill: rgba(36, 134, 185, 0.5);
}
.hover-border-tran-blue-50:active {
  background-color: rgba(36, 134, 185, 0.2);
  border-color: rgba(36, 134, 185, 0.5);
  color: rgba(36, 134, 185, 0.5);
  fill: rgba(36, 134, 185, 0.5);
}

.hover-border-tran-blue-60 {
  background-color: transparent;
  border: 2px solid rgba(36, 134, 185, 0.6);
  color: rgba(36, 134, 185, 0.6);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-blue-60:hover {
  background-color: rgba(36, 134, 185, 0.1);
  border-color: rgba(36, 134, 185, 0.6);
  color: rgba(36, 134, 185, 0.6);
  fill: rgba(36, 134, 185, 0.6);
}
.hover-border-tran-blue-60:active {
  background-color: rgba(36, 134, 185, 0.2);
  border-color: rgba(36, 134, 185, 0.6);
  color: rgba(36, 134, 185, 0.6);
  fill: rgba(36, 134, 185, 0.6);
}

.hover-border-tran-blue-70 {
  background-color: transparent;
  border: 2px solid rgba(36, 134, 185, 0.7);
  color: rgba(36, 134, 185, 0.7);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-blue-70:hover {
  background-color: rgba(36, 134, 185, 0.1);
  border-color: rgba(36, 134, 185, 0.7);
  color: rgba(36, 134, 185, 0.7);
  fill: rgba(36, 134, 185, 0.7);
}
.hover-border-tran-blue-70:active {
  background-color: rgba(36, 134, 185, 0.2);
  border-color: rgba(36, 134, 185, 0.7);
  color: rgba(36, 134, 185, 0.7);
  fill: rgba(36, 134, 185, 0.7);
}

.hover-border-tran-blue-80 {
  background-color: transparent;
  border: 2px solid rgba(36, 134, 185, 0.8);
  color: rgba(36, 134, 185, 0.8);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-blue-80:hover {
  background-color: rgba(36, 134, 185, 0.1);
  border-color: rgba(36, 134, 185, 0.8);
  color: rgba(36, 134, 185, 0.8);
  fill: rgba(36, 134, 185, 0.8);
}
.hover-border-tran-blue-80:active {
  background-color: rgba(36, 134, 185, 0.2);
  border-color: rgba(36, 134, 185, 0.8);
  color: rgba(36, 134, 185, 0.8);
  fill: rgba(36, 134, 185, 0.8);
}

.hover-border-tran-blue-90 {
  background-color: transparent;
  border: 2px solid rgba(36, 134, 185, 0.9);
  color: rgba(36, 134, 185, 0.9);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-blue-90:hover {
  background-color: rgba(36, 134, 185, 0.1);
  border-color: rgba(36, 134, 185, 0.9);
  color: rgba(36, 134, 185, 0.9);
  fill: rgba(36, 134, 185, 0.9);
}
.hover-border-tran-blue-90:active {
  background-color: rgba(36, 134, 185, 0.2);
  border-color: rgba(36, 134, 185, 0.9);
  color: rgba(36, 134, 185, 0.9);
  fill: rgba(36, 134, 185, 0.9);
}

.hover-border-tran-ocean-blue {
  background-color: transparent;
  border: 2px solid rgb(14, 176, 201);
  color: rgb(14, 176, 201);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-ocean-blue:hover {
  background-color: rgba(14, 176, 201, 0.1);
  border-color: rgb(14, 176, 201);
  color: rgb(14, 176, 201);
  fill: rgb(14, 176, 201);
}
.hover-border-tran-ocean-blue:active {
  background-color: rgba(14, 176, 201, 0.2);
  border-color: rgb(14, 176, 201);
  color: rgb(14, 176, 201);
  fill: rgb(14, 176, 201);
}

.hover-border-tran-ocean-blue-10 {
  background-color: transparent;
  border: 2px solid rgba(14, 176, 201, 0.1);
  color: rgba(14, 176, 201, 0.1);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-ocean-blue-10:hover {
  background-color: rgba(14, 176, 201, 0.1);
  border-color: rgba(14, 176, 201, 0.1);
  color: rgba(14, 176, 201, 0.1);
  fill: rgba(14, 176, 201, 0.1);
}
.hover-border-tran-ocean-blue-10:active {
  background-color: rgba(14, 176, 201, 0.2);
  border-color: rgba(14, 176, 201, 0.1);
  color: rgba(14, 176, 201, 0.1);
  fill: rgba(14, 176, 201, 0.1);
}

.hover-border-tran-ocean-blue-20 {
  background-color: transparent;
  border: 2px solid rgba(14, 176, 201, 0.2);
  color: rgba(14, 176, 201, 0.2);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-ocean-blue-20:hover {
  background-color: rgba(14, 176, 201, 0.1);
  border-color: rgba(14, 176, 201, 0.2);
  color: rgba(14, 176, 201, 0.2);
  fill: rgba(14, 176, 201, 0.2);
}
.hover-border-tran-ocean-blue-20:active {
  background-color: rgba(14, 176, 201, 0.2);
  border-color: rgba(14, 176, 201, 0.2);
  color: rgba(14, 176, 201, 0.2);
  fill: rgba(14, 176, 201, 0.2);
}

.hover-border-tran-ocean-blue-30 {
  background-color: transparent;
  border: 2px solid rgba(14, 176, 201, 0.3);
  color: rgba(14, 176, 201, 0.3);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-ocean-blue-30:hover {
  background-color: rgba(14, 176, 201, 0.1);
  border-color: rgba(14, 176, 201, 0.3);
  color: rgba(14, 176, 201, 0.3);
  fill: rgba(14, 176, 201, 0.3);
}
.hover-border-tran-ocean-blue-30:active {
  background-color: rgba(14, 176, 201, 0.2);
  border-color: rgba(14, 176, 201, 0.3);
  color: rgba(14, 176, 201, 0.3);
  fill: rgba(14, 176, 201, 0.3);
}

.hover-border-tran-ocean-blue-40 {
  background-color: transparent;
  border: 2px solid rgba(14, 176, 201, 0.4);
  color: rgba(14, 176, 201, 0.4);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-ocean-blue-40:hover {
  background-color: rgba(14, 176, 201, 0.1);
  border-color: rgba(14, 176, 201, 0.4);
  color: rgba(14, 176, 201, 0.4);
  fill: rgba(14, 176, 201, 0.4);
}
.hover-border-tran-ocean-blue-40:active {
  background-color: rgba(14, 176, 201, 0.2);
  border-color: rgba(14, 176, 201, 0.4);
  color: rgba(14, 176, 201, 0.4);
  fill: rgba(14, 176, 201, 0.4);
}

.hover-border-tran-ocean-blue-50 {
  background-color: transparent;
  border: 2px solid rgba(14, 176, 201, 0.5);
  color: rgba(14, 176, 201, 0.5);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-ocean-blue-50:hover {
  background-color: rgba(14, 176, 201, 0.1);
  border-color: rgba(14, 176, 201, 0.5);
  color: rgba(14, 176, 201, 0.5);
  fill: rgba(14, 176, 201, 0.5);
}
.hover-border-tran-ocean-blue-50:active {
  background-color: rgba(14, 176, 201, 0.2);
  border-color: rgba(14, 176, 201, 0.5);
  color: rgba(14, 176, 201, 0.5);
  fill: rgba(14, 176, 201, 0.5);
}

.hover-border-tran-ocean-blue-60 {
  background-color: transparent;
  border: 2px solid rgba(14, 176, 201, 0.6);
  color: rgba(14, 176, 201, 0.6);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-ocean-blue-60:hover {
  background-color: rgba(14, 176, 201, 0.1);
  border-color: rgba(14, 176, 201, 0.6);
  color: rgba(14, 176, 201, 0.6);
  fill: rgba(14, 176, 201, 0.6);
}
.hover-border-tran-ocean-blue-60:active {
  background-color: rgba(14, 176, 201, 0.2);
  border-color: rgba(14, 176, 201, 0.6);
  color: rgba(14, 176, 201, 0.6);
  fill: rgba(14, 176, 201, 0.6);
}

.hover-border-tran-ocean-blue-70 {
  background-color: transparent;
  border: 2px solid rgba(14, 176, 201, 0.7);
  color: rgba(14, 176, 201, 0.7);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-ocean-blue-70:hover {
  background-color: rgba(14, 176, 201, 0.1);
  border-color: rgba(14, 176, 201, 0.7);
  color: rgba(14, 176, 201, 0.7);
  fill: rgba(14, 176, 201, 0.7);
}
.hover-border-tran-ocean-blue-70:active {
  background-color: rgba(14, 176, 201, 0.2);
  border-color: rgba(14, 176, 201, 0.7);
  color: rgba(14, 176, 201, 0.7);
  fill: rgba(14, 176, 201, 0.7);
}

.hover-border-tran-ocean-blue-80 {
  background-color: transparent;
  border: 2px solid rgba(14, 176, 201, 0.8);
  color: rgba(14, 176, 201, 0.8);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-ocean-blue-80:hover {
  background-color: rgba(14, 176, 201, 0.1);
  border-color: rgba(14, 176, 201, 0.8);
  color: rgba(14, 176, 201, 0.8);
  fill: rgba(14, 176, 201, 0.8);
}
.hover-border-tran-ocean-blue-80:active {
  background-color: rgba(14, 176, 201, 0.2);
  border-color: rgba(14, 176, 201, 0.8);
  color: rgba(14, 176, 201, 0.8);
  fill: rgba(14, 176, 201, 0.8);
}

.hover-border-tran-ocean-blue-90 {
  background-color: transparent;
  border: 2px solid rgba(14, 176, 201, 0.9);
  color: rgba(14, 176, 201, 0.9);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-ocean-blue-90:hover {
  background-color: rgba(14, 176, 201, 0.1);
  border-color: rgba(14, 176, 201, 0.9);
  color: rgba(14, 176, 201, 0.9);
  fill: rgba(14, 176, 201, 0.9);
}
.hover-border-tran-ocean-blue-90:active {
  background-color: rgba(14, 176, 201, 0.2);
  border-color: rgba(14, 176, 201, 0.9);
  color: rgba(14, 176, 201, 0.9);
  fill: rgba(14, 176, 201, 0.9);
}

.hover-border-tran-deep-blue {
  background-color: transparent;
  border: 2px solid rgb(4, 87, 251);
  color: rgb(4, 87, 251);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-deep-blue:hover {
  background-color: rgba(4, 87, 251, 0.1);
  border-color: rgb(4, 87, 251);
  color: rgb(4, 87, 251);
  fill: rgb(4, 87, 251);
}
.hover-border-tran-deep-blue:active {
  background-color: rgba(4, 87, 251, 0.2);
  border-color: rgb(4, 87, 251);
  color: rgb(4, 87, 251);
  fill: rgb(4, 87, 251);
}

.hover-border-tran-deep-blue-10 {
  background-color: transparent;
  border: 2px solid rgba(4, 87, 251, 0.1);
  color: rgba(4, 87, 251, 0.1);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-deep-blue-10:hover {
  background-color: rgba(4, 87, 251, 0.1);
  border-color: rgba(4, 87, 251, 0.1);
  color: rgba(4, 87, 251, 0.1);
  fill: rgba(4, 87, 251, 0.1);
}
.hover-border-tran-deep-blue-10:active {
  background-color: rgba(4, 87, 251, 0.2);
  border-color: rgba(4, 87, 251, 0.1);
  color: rgba(4, 87, 251, 0.1);
  fill: rgba(4, 87, 251, 0.1);
}

.hover-border-tran-deep-blue-20 {
  background-color: transparent;
  border: 2px solid rgba(4, 87, 251, 0.2);
  color: rgba(4, 87, 251, 0.2);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-deep-blue-20:hover {
  background-color: rgba(4, 87, 251, 0.1);
  border-color: rgba(4, 87, 251, 0.2);
  color: rgba(4, 87, 251, 0.2);
  fill: rgba(4, 87, 251, 0.2);
}
.hover-border-tran-deep-blue-20:active {
  background-color: rgba(4, 87, 251, 0.2);
  border-color: rgba(4, 87, 251, 0.2);
  color: rgba(4, 87, 251, 0.2);
  fill: rgba(4, 87, 251, 0.2);
}

.hover-border-tran-deep-blue-30 {
  background-color: transparent;
  border: 2px solid rgba(4, 87, 251, 0.3);
  color: rgba(4, 87, 251, 0.3);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-deep-blue-30:hover {
  background-color: rgba(4, 87, 251, 0.1);
  border-color: rgba(4, 87, 251, 0.3);
  color: rgba(4, 87, 251, 0.3);
  fill: rgba(4, 87, 251, 0.3);
}
.hover-border-tran-deep-blue-30:active {
  background-color: rgba(4, 87, 251, 0.2);
  border-color: rgba(4, 87, 251, 0.3);
  color: rgba(4, 87, 251, 0.3);
  fill: rgba(4, 87, 251, 0.3);
}

.hover-border-tran-deep-blue-40 {
  background-color: transparent;
  border: 2px solid rgba(4, 87, 251, 0.4);
  color: rgba(4, 87, 251, 0.4);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-deep-blue-40:hover {
  background-color: rgba(4, 87, 251, 0.1);
  border-color: rgba(4, 87, 251, 0.4);
  color: rgba(4, 87, 251, 0.4);
  fill: rgba(4, 87, 251, 0.4);
}
.hover-border-tran-deep-blue-40:active {
  background-color: rgba(4, 87, 251, 0.2);
  border-color: rgba(4, 87, 251, 0.4);
  color: rgba(4, 87, 251, 0.4);
  fill: rgba(4, 87, 251, 0.4);
}

.hover-border-tran-deep-blue-50 {
  background-color: transparent;
  border: 2px solid rgba(4, 87, 251, 0.5);
  color: rgba(4, 87, 251, 0.5);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-deep-blue-50:hover {
  background-color: rgba(4, 87, 251, 0.1);
  border-color: rgba(4, 87, 251, 0.5);
  color: rgba(4, 87, 251, 0.5);
  fill: rgba(4, 87, 251, 0.5);
}
.hover-border-tran-deep-blue-50:active {
  background-color: rgba(4, 87, 251, 0.2);
  border-color: rgba(4, 87, 251, 0.5);
  color: rgba(4, 87, 251, 0.5);
  fill: rgba(4, 87, 251, 0.5);
}

.hover-border-tran-deep-blue-60 {
  background-color: transparent;
  border: 2px solid rgba(4, 87, 251, 0.6);
  color: rgba(4, 87, 251, 0.6);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-deep-blue-60:hover {
  background-color: rgba(4, 87, 251, 0.1);
  border-color: rgba(4, 87, 251, 0.6);
  color: rgba(4, 87, 251, 0.6);
  fill: rgba(4, 87, 251, 0.6);
}
.hover-border-tran-deep-blue-60:active {
  background-color: rgba(4, 87, 251, 0.2);
  border-color: rgba(4, 87, 251, 0.6);
  color: rgba(4, 87, 251, 0.6);
  fill: rgba(4, 87, 251, 0.6);
}

.hover-border-tran-deep-blue-70 {
  background-color: transparent;
  border: 2px solid rgba(4, 87, 251, 0.7);
  color: rgba(4, 87, 251, 0.7);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-deep-blue-70:hover {
  background-color: rgba(4, 87, 251, 0.1);
  border-color: rgba(4, 87, 251, 0.7);
  color: rgba(4, 87, 251, 0.7);
  fill: rgba(4, 87, 251, 0.7);
}
.hover-border-tran-deep-blue-70:active {
  background-color: rgba(4, 87, 251, 0.2);
  border-color: rgba(4, 87, 251, 0.7);
  color: rgba(4, 87, 251, 0.7);
  fill: rgba(4, 87, 251, 0.7);
}

.hover-border-tran-deep-blue-80 {
  background-color: transparent;
  border: 2px solid rgba(4, 87, 251, 0.8);
  color: rgba(4, 87, 251, 0.8);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-deep-blue-80:hover {
  background-color: rgba(4, 87, 251, 0.1);
  border-color: rgba(4, 87, 251, 0.8);
  color: rgba(4, 87, 251, 0.8);
  fill: rgba(4, 87, 251, 0.8);
}
.hover-border-tran-deep-blue-80:active {
  background-color: rgba(4, 87, 251, 0.2);
  border-color: rgba(4, 87, 251, 0.8);
  color: rgba(4, 87, 251, 0.8);
  fill: rgba(4, 87, 251, 0.8);
}

.hover-border-tran-deep-blue-90 {
  background-color: transparent;
  border: 2px solid rgba(4, 87, 251, 0.9);
  color: rgba(4, 87, 251, 0.9);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-deep-blue-90:hover {
  background-color: rgba(4, 87, 251, 0.1);
  border-color: rgba(4, 87, 251, 0.9);
  color: rgba(4, 87, 251, 0.9);
  fill: rgba(4, 87, 251, 0.9);
}
.hover-border-tran-deep-blue-90:active {
  background-color: rgba(4, 87, 251, 0.2);
  border-color: rgba(4, 87, 251, 0.9);
  color: rgba(4, 87, 251, 0.9);
  fill: rgba(4, 87, 251, 0.9);
}

.hover-border-tran-sea-blue {
  background-color: transparent;
  border: 2px solid rgb(1, 112, 227);
  color: rgb(1, 112, 227);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-sea-blue:hover {
  background-color: rgba(1, 112, 227, 0.1);
  border-color: rgb(1, 112, 227);
  color: rgb(1, 112, 227);
  fill: rgb(1, 112, 227);
}
.hover-border-tran-sea-blue:active {
  background-color: rgba(1, 112, 227, 0.2);
  border-color: rgb(1, 112, 227);
  color: rgb(1, 112, 227);
  fill: rgb(1, 112, 227);
}

.hover-border-tran-sea-blue-10 {
  background-color: transparent;
  border: 2px solid rgba(1, 112, 227, 0.1);
  color: rgba(1, 112, 227, 0.1);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-sea-blue-10:hover {
  background-color: rgba(1, 112, 227, 0.1);
  border-color: rgba(1, 112, 227, 0.1);
  color: rgba(1, 112, 227, 0.1);
  fill: rgba(1, 112, 227, 0.1);
}
.hover-border-tran-sea-blue-10:active {
  background-color: rgba(1, 112, 227, 0.2);
  border-color: rgba(1, 112, 227, 0.1);
  color: rgba(1, 112, 227, 0.1);
  fill: rgba(1, 112, 227, 0.1);
}

.hover-border-tran-sea-blue-20 {
  background-color: transparent;
  border: 2px solid rgba(1, 112, 227, 0.2);
  color: rgba(1, 112, 227, 0.2);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-sea-blue-20:hover {
  background-color: rgba(1, 112, 227, 0.1);
  border-color: rgba(1, 112, 227, 0.2);
  color: rgba(1, 112, 227, 0.2);
  fill: rgba(1, 112, 227, 0.2);
}
.hover-border-tran-sea-blue-20:active {
  background-color: rgba(1, 112, 227, 0.2);
  border-color: rgba(1, 112, 227, 0.2);
  color: rgba(1, 112, 227, 0.2);
  fill: rgba(1, 112, 227, 0.2);
}

.hover-border-tran-sea-blue-30 {
  background-color: transparent;
  border: 2px solid rgba(1, 112, 227, 0.3);
  color: rgba(1, 112, 227, 0.3);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-sea-blue-30:hover {
  background-color: rgba(1, 112, 227, 0.1);
  border-color: rgba(1, 112, 227, 0.3);
  color: rgba(1, 112, 227, 0.3);
  fill: rgba(1, 112, 227, 0.3);
}
.hover-border-tran-sea-blue-30:active {
  background-color: rgba(1, 112, 227, 0.2);
  border-color: rgba(1, 112, 227, 0.3);
  color: rgba(1, 112, 227, 0.3);
  fill: rgba(1, 112, 227, 0.3);
}

.hover-border-tran-sea-blue-40 {
  background-color: transparent;
  border: 2px solid rgba(1, 112, 227, 0.4);
  color: rgba(1, 112, 227, 0.4);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-sea-blue-40:hover {
  background-color: rgba(1, 112, 227, 0.1);
  border-color: rgba(1, 112, 227, 0.4);
  color: rgba(1, 112, 227, 0.4);
  fill: rgba(1, 112, 227, 0.4);
}
.hover-border-tran-sea-blue-40:active {
  background-color: rgba(1, 112, 227, 0.2);
  border-color: rgba(1, 112, 227, 0.4);
  color: rgba(1, 112, 227, 0.4);
  fill: rgba(1, 112, 227, 0.4);
}

.hover-border-tran-sea-blue-50 {
  background-color: transparent;
  border: 2px solid rgba(1, 112, 227, 0.5);
  color: rgba(1, 112, 227, 0.5);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-sea-blue-50:hover {
  background-color: rgba(1, 112, 227, 0.1);
  border-color: rgba(1, 112, 227, 0.5);
  color: rgba(1, 112, 227, 0.5);
  fill: rgba(1, 112, 227, 0.5);
}
.hover-border-tran-sea-blue-50:active {
  background-color: rgba(1, 112, 227, 0.2);
  border-color: rgba(1, 112, 227, 0.5);
  color: rgba(1, 112, 227, 0.5);
  fill: rgba(1, 112, 227, 0.5);
}

.hover-border-tran-sea-blue-60 {
  background-color: transparent;
  border: 2px solid rgba(1, 112, 227, 0.6);
  color: rgba(1, 112, 227, 0.6);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-sea-blue-60:hover {
  background-color: rgba(1, 112, 227, 0.1);
  border-color: rgba(1, 112, 227, 0.6);
  color: rgba(1, 112, 227, 0.6);
  fill: rgba(1, 112, 227, 0.6);
}
.hover-border-tran-sea-blue-60:active {
  background-color: rgba(1, 112, 227, 0.2);
  border-color: rgba(1, 112, 227, 0.6);
  color: rgba(1, 112, 227, 0.6);
  fill: rgba(1, 112, 227, 0.6);
}

.hover-border-tran-sea-blue-70 {
  background-color: transparent;
  border: 2px solid rgba(1, 112, 227, 0.7);
  color: rgba(1, 112, 227, 0.7);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-sea-blue-70:hover {
  background-color: rgba(1, 112, 227, 0.1);
  border-color: rgba(1, 112, 227, 0.7);
  color: rgba(1, 112, 227, 0.7);
  fill: rgba(1, 112, 227, 0.7);
}
.hover-border-tran-sea-blue-70:active {
  background-color: rgba(1, 112, 227, 0.2);
  border-color: rgba(1, 112, 227, 0.7);
  color: rgba(1, 112, 227, 0.7);
  fill: rgba(1, 112, 227, 0.7);
}

.hover-border-tran-sea-blue-80 {
  background-color: transparent;
  border: 2px solid rgba(1, 112, 227, 0.8);
  color: rgba(1, 112, 227, 0.8);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-sea-blue-80:hover {
  background-color: rgba(1, 112, 227, 0.1);
  border-color: rgba(1, 112, 227, 0.8);
  color: rgba(1, 112, 227, 0.8);
  fill: rgba(1, 112, 227, 0.8);
}
.hover-border-tran-sea-blue-80:active {
  background-color: rgba(1, 112, 227, 0.2);
  border-color: rgba(1, 112, 227, 0.8);
  color: rgba(1, 112, 227, 0.8);
  fill: rgba(1, 112, 227, 0.8);
}

.hover-border-tran-sea-blue-90 {
  background-color: transparent;
  border: 2px solid rgba(1, 112, 227, 0.9);
  color: rgba(1, 112, 227, 0.9);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-sea-blue-90:hover {
  background-color: rgba(1, 112, 227, 0.1);
  border-color: rgba(1, 112, 227, 0.9);
  color: rgba(1, 112, 227, 0.9);
  fill: rgba(1, 112, 227, 0.9);
}
.hover-border-tran-sea-blue-90:active {
  background-color: rgba(1, 112, 227, 0.2);
  border-color: rgba(1, 112, 227, 0.9);
  color: rgba(1, 112, 227, 0.9);
  fill: rgba(1, 112, 227, 0.9);
}

.hover-border-tran-yellow {
  background-color: transparent;
  border: 2px solid rgb(251, 205, 49);
  color: rgb(251, 205, 49);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-yellow:hover {
  background-color: rgba(251, 205, 49, 0.1);
  border-color: rgb(251, 205, 49);
  color: rgb(251, 205, 49);
  fill: rgb(251, 205, 49);
}
.hover-border-tran-yellow:active {
  background-color: rgba(251, 205, 49, 0.2);
  border-color: rgb(251, 205, 49);
  color: rgb(251, 205, 49);
  fill: rgb(251, 205, 49);
}

.hover-border-tran-yellow-10 {
  background-color: transparent;
  border: 2px solid rgba(251, 205, 49, 0.1);
  color: rgba(251, 205, 49, 0.1);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-yellow-10:hover {
  background-color: rgba(251, 205, 49, 0.1);
  border-color: rgba(251, 205, 49, 0.1);
  color: rgba(251, 205, 49, 0.1);
  fill: rgba(251, 205, 49, 0.1);
}
.hover-border-tran-yellow-10:active {
  background-color: rgba(251, 205, 49, 0.2);
  border-color: rgba(251, 205, 49, 0.1);
  color: rgba(251, 205, 49, 0.1);
  fill: rgba(251, 205, 49, 0.1);
}

.hover-border-tran-yellow-20 {
  background-color: transparent;
  border: 2px solid rgba(251, 205, 49, 0.2);
  color: rgba(251, 205, 49, 0.2);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-yellow-20:hover {
  background-color: rgba(251, 205, 49, 0.1);
  border-color: rgba(251, 205, 49, 0.2);
  color: rgba(251, 205, 49, 0.2);
  fill: rgba(251, 205, 49, 0.2);
}
.hover-border-tran-yellow-20:active {
  background-color: rgba(251, 205, 49, 0.2);
  border-color: rgba(251, 205, 49, 0.2);
  color: rgba(251, 205, 49, 0.2);
  fill: rgba(251, 205, 49, 0.2);
}

.hover-border-tran-yellow-30 {
  background-color: transparent;
  border: 2px solid rgba(251, 205, 49, 0.3);
  color: rgba(251, 205, 49, 0.3);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-yellow-30:hover {
  background-color: rgba(251, 205, 49, 0.1);
  border-color: rgba(251, 205, 49, 0.3);
  color: rgba(251, 205, 49, 0.3);
  fill: rgba(251, 205, 49, 0.3);
}
.hover-border-tran-yellow-30:active {
  background-color: rgba(251, 205, 49, 0.2);
  border-color: rgba(251, 205, 49, 0.3);
  color: rgba(251, 205, 49, 0.3);
  fill: rgba(251, 205, 49, 0.3);
}

.hover-border-tran-yellow-40 {
  background-color: transparent;
  border: 2px solid rgba(251, 205, 49, 0.4);
  color: rgba(251, 205, 49, 0.4);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-yellow-40:hover {
  background-color: rgba(251, 205, 49, 0.1);
  border-color: rgba(251, 205, 49, 0.4);
  color: rgba(251, 205, 49, 0.4);
  fill: rgba(251, 205, 49, 0.4);
}
.hover-border-tran-yellow-40:active {
  background-color: rgba(251, 205, 49, 0.2);
  border-color: rgba(251, 205, 49, 0.4);
  color: rgba(251, 205, 49, 0.4);
  fill: rgba(251, 205, 49, 0.4);
}

.hover-border-tran-yellow-50 {
  background-color: transparent;
  border: 2px solid rgba(251, 205, 49, 0.5);
  color: rgba(251, 205, 49, 0.5);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-yellow-50:hover {
  background-color: rgba(251, 205, 49, 0.1);
  border-color: rgba(251, 205, 49, 0.5);
  color: rgba(251, 205, 49, 0.5);
  fill: rgba(251, 205, 49, 0.5);
}
.hover-border-tran-yellow-50:active {
  background-color: rgba(251, 205, 49, 0.2);
  border-color: rgba(251, 205, 49, 0.5);
  color: rgba(251, 205, 49, 0.5);
  fill: rgba(251, 205, 49, 0.5);
}

.hover-border-tran-yellow-60 {
  background-color: transparent;
  border: 2px solid rgba(251, 205, 49, 0.6);
  color: rgba(251, 205, 49, 0.6);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-yellow-60:hover {
  background-color: rgba(251, 205, 49, 0.1);
  border-color: rgba(251, 205, 49, 0.6);
  color: rgba(251, 205, 49, 0.6);
  fill: rgba(251, 205, 49, 0.6);
}
.hover-border-tran-yellow-60:active {
  background-color: rgba(251, 205, 49, 0.2);
  border-color: rgba(251, 205, 49, 0.6);
  color: rgba(251, 205, 49, 0.6);
  fill: rgba(251, 205, 49, 0.6);
}

.hover-border-tran-yellow-70 {
  background-color: transparent;
  border: 2px solid rgba(251, 205, 49, 0.7);
  color: rgba(251, 205, 49, 0.7);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-yellow-70:hover {
  background-color: rgba(251, 205, 49, 0.1);
  border-color: rgba(251, 205, 49, 0.7);
  color: rgba(251, 205, 49, 0.7);
  fill: rgba(251, 205, 49, 0.7);
}
.hover-border-tran-yellow-70:active {
  background-color: rgba(251, 205, 49, 0.2);
  border-color: rgba(251, 205, 49, 0.7);
  color: rgba(251, 205, 49, 0.7);
  fill: rgba(251, 205, 49, 0.7);
}

.hover-border-tran-yellow-80 {
  background-color: transparent;
  border: 2px solid rgba(251, 205, 49, 0.8);
  color: rgba(251, 205, 49, 0.8);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-yellow-80:hover {
  background-color: rgba(251, 205, 49, 0.1);
  border-color: rgba(251, 205, 49, 0.8);
  color: rgba(251, 205, 49, 0.8);
  fill: rgba(251, 205, 49, 0.8);
}
.hover-border-tran-yellow-80:active {
  background-color: rgba(251, 205, 49, 0.2);
  border-color: rgba(251, 205, 49, 0.8);
  color: rgba(251, 205, 49, 0.8);
  fill: rgba(251, 205, 49, 0.8);
}

.hover-border-tran-yellow-90 {
  background-color: transparent;
  border: 2px solid rgba(251, 205, 49, 0.9);
  color: rgba(251, 205, 49, 0.9);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-yellow-90:hover {
  background-color: rgba(251, 205, 49, 0.1);
  border-color: rgba(251, 205, 49, 0.9);
  color: rgba(251, 205, 49, 0.9);
  fill: rgba(251, 205, 49, 0.9);
}
.hover-border-tran-yellow-90:active {
  background-color: rgba(251, 205, 49, 0.2);
  border-color: rgba(251, 205, 49, 0.9);
  color: rgba(251, 205, 49, 0.9);
  fill: rgba(251, 205, 49, 0.9);
}

.hover-border-tran-gold {
  background-color: transparent;
  border: 2px solid rgb(252, 195, 7);
  color: rgb(252, 195, 7);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-gold:hover {
  background-color: rgba(252, 195, 7, 0.1);
  border-color: rgb(252, 195, 7);
  color: rgb(252, 195, 7);
  fill: rgb(252, 195, 7);
}
.hover-border-tran-gold:active {
  background-color: rgba(252, 195, 7, 0.2);
  border-color: rgb(252, 195, 7);
  color: rgb(252, 195, 7);
  fill: rgb(252, 195, 7);
}

.hover-border-tran-gold-10 {
  background-color: transparent;
  border: 2px solid rgba(252, 195, 7, 0.1);
  color: rgba(252, 195, 7, 0.1);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-gold-10:hover {
  background-color: rgba(252, 195, 7, 0.1);
  border-color: rgba(252, 195, 7, 0.1);
  color: rgba(252, 195, 7, 0.1);
  fill: rgba(252, 195, 7, 0.1);
}
.hover-border-tran-gold-10:active {
  background-color: rgba(252, 195, 7, 0.2);
  border-color: rgba(252, 195, 7, 0.1);
  color: rgba(252, 195, 7, 0.1);
  fill: rgba(252, 195, 7, 0.1);
}

.hover-border-tran-gold-20 {
  background-color: transparent;
  border: 2px solid rgba(252, 195, 7, 0.2);
  color: rgba(252, 195, 7, 0.2);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-gold-20:hover {
  background-color: rgba(252, 195, 7, 0.1);
  border-color: rgba(252, 195, 7, 0.2);
  color: rgba(252, 195, 7, 0.2);
  fill: rgba(252, 195, 7, 0.2);
}
.hover-border-tran-gold-20:active {
  background-color: rgba(252, 195, 7, 0.2);
  border-color: rgba(252, 195, 7, 0.2);
  color: rgba(252, 195, 7, 0.2);
  fill: rgba(252, 195, 7, 0.2);
}

.hover-border-tran-gold-30 {
  background-color: transparent;
  border: 2px solid rgba(252, 195, 7, 0.3);
  color: rgba(252, 195, 7, 0.3);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-gold-30:hover {
  background-color: rgba(252, 195, 7, 0.1);
  border-color: rgba(252, 195, 7, 0.3);
  color: rgba(252, 195, 7, 0.3);
  fill: rgba(252, 195, 7, 0.3);
}
.hover-border-tran-gold-30:active {
  background-color: rgba(252, 195, 7, 0.2);
  border-color: rgba(252, 195, 7, 0.3);
  color: rgba(252, 195, 7, 0.3);
  fill: rgba(252, 195, 7, 0.3);
}

.hover-border-tran-gold-40 {
  background-color: transparent;
  border: 2px solid rgba(252, 195, 7, 0.4);
  color: rgba(252, 195, 7, 0.4);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-gold-40:hover {
  background-color: rgba(252, 195, 7, 0.1);
  border-color: rgba(252, 195, 7, 0.4);
  color: rgba(252, 195, 7, 0.4);
  fill: rgba(252, 195, 7, 0.4);
}
.hover-border-tran-gold-40:active {
  background-color: rgba(252, 195, 7, 0.2);
  border-color: rgba(252, 195, 7, 0.4);
  color: rgba(252, 195, 7, 0.4);
  fill: rgba(252, 195, 7, 0.4);
}

.hover-border-tran-gold-50 {
  background-color: transparent;
  border: 2px solid rgba(252, 195, 7, 0.5);
  color: rgba(252, 195, 7, 0.5);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-gold-50:hover {
  background-color: rgba(252, 195, 7, 0.1);
  border-color: rgba(252, 195, 7, 0.5);
  color: rgba(252, 195, 7, 0.5);
  fill: rgba(252, 195, 7, 0.5);
}
.hover-border-tran-gold-50:active {
  background-color: rgba(252, 195, 7, 0.2);
  border-color: rgba(252, 195, 7, 0.5);
  color: rgba(252, 195, 7, 0.5);
  fill: rgba(252, 195, 7, 0.5);
}

.hover-border-tran-gold-60 {
  background-color: transparent;
  border: 2px solid rgba(252, 195, 7, 0.6);
  color: rgba(252, 195, 7, 0.6);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-gold-60:hover {
  background-color: rgba(252, 195, 7, 0.1);
  border-color: rgba(252, 195, 7, 0.6);
  color: rgba(252, 195, 7, 0.6);
  fill: rgba(252, 195, 7, 0.6);
}
.hover-border-tran-gold-60:active {
  background-color: rgba(252, 195, 7, 0.2);
  border-color: rgba(252, 195, 7, 0.6);
  color: rgba(252, 195, 7, 0.6);
  fill: rgba(252, 195, 7, 0.6);
}

.hover-border-tran-gold-70 {
  background-color: transparent;
  border: 2px solid rgba(252, 195, 7, 0.7);
  color: rgba(252, 195, 7, 0.7);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-gold-70:hover {
  background-color: rgba(252, 195, 7, 0.1);
  border-color: rgba(252, 195, 7, 0.7);
  color: rgba(252, 195, 7, 0.7);
  fill: rgba(252, 195, 7, 0.7);
}
.hover-border-tran-gold-70:active {
  background-color: rgba(252, 195, 7, 0.2);
  border-color: rgba(252, 195, 7, 0.7);
  color: rgba(252, 195, 7, 0.7);
  fill: rgba(252, 195, 7, 0.7);
}

.hover-border-tran-gold-80 {
  background-color: transparent;
  border: 2px solid rgba(252, 195, 7, 0.8);
  color: rgba(252, 195, 7, 0.8);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-gold-80:hover {
  background-color: rgba(252, 195, 7, 0.1);
  border-color: rgba(252, 195, 7, 0.8);
  color: rgba(252, 195, 7, 0.8);
  fill: rgba(252, 195, 7, 0.8);
}
.hover-border-tran-gold-80:active {
  background-color: rgba(252, 195, 7, 0.2);
  border-color: rgba(252, 195, 7, 0.8);
  color: rgba(252, 195, 7, 0.8);
  fill: rgba(252, 195, 7, 0.8);
}

.hover-border-tran-gold-90 {
  background-color: transparent;
  border: 2px solid rgba(252, 195, 7, 0.9);
  color: rgba(252, 195, 7, 0.9);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-gold-90:hover {
  background-color: rgba(252, 195, 7, 0.1);
  border-color: rgba(252, 195, 7, 0.9);
  color: rgba(252, 195, 7, 0.9);
  fill: rgba(252, 195, 7, 0.9);
}
.hover-border-tran-gold-90:active {
  background-color: rgba(252, 195, 7, 0.2);
  border-color: rgba(252, 195, 7, 0.9);
  color: rgba(252, 195, 7, 0.9);
  fill: rgba(252, 195, 7, 0.9);
}

.hover-border-tran-purple {
  background-color: transparent;
  border: 2px solid rgb(126, 22, 113);
  color: rgb(126, 22, 113);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-purple:hover {
  background-color: rgba(126, 22, 113, 0.1);
  border-color: rgb(126, 22, 113);
  color: rgb(126, 22, 113);
  fill: rgb(126, 22, 113);
}
.hover-border-tran-purple:active {
  background-color: rgba(126, 22, 113, 0.2);
  border-color: rgb(126, 22, 113);
  color: rgb(126, 22, 113);
  fill: rgb(126, 22, 113);
}

.hover-border-tran-purple-10 {
  background-color: transparent;
  border: 2px solid rgba(126, 22, 113, 0.1);
  color: rgba(126, 22, 113, 0.1);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-purple-10:hover {
  background-color: rgba(126, 22, 113, 0.1);
  border-color: rgba(126, 22, 113, 0.1);
  color: rgba(126, 22, 113, 0.1);
  fill: rgba(126, 22, 113, 0.1);
}
.hover-border-tran-purple-10:active {
  background-color: rgba(126, 22, 113, 0.2);
  border-color: rgba(126, 22, 113, 0.1);
  color: rgba(126, 22, 113, 0.1);
  fill: rgba(126, 22, 113, 0.1);
}

.hover-border-tran-purple-20 {
  background-color: transparent;
  border: 2px solid rgba(126, 22, 113, 0.2);
  color: rgba(126, 22, 113, 0.2);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-purple-20:hover {
  background-color: rgba(126, 22, 113, 0.1);
  border-color: rgba(126, 22, 113, 0.2);
  color: rgba(126, 22, 113, 0.2);
  fill: rgba(126, 22, 113, 0.2);
}
.hover-border-tran-purple-20:active {
  background-color: rgba(126, 22, 113, 0.2);
  border-color: rgba(126, 22, 113, 0.2);
  color: rgba(126, 22, 113, 0.2);
  fill: rgba(126, 22, 113, 0.2);
}

.hover-border-tran-purple-30 {
  background-color: transparent;
  border: 2px solid rgba(126, 22, 113, 0.3);
  color: rgba(126, 22, 113, 0.3);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-purple-30:hover {
  background-color: rgba(126, 22, 113, 0.1);
  border-color: rgba(126, 22, 113, 0.3);
  color: rgba(126, 22, 113, 0.3);
  fill: rgba(126, 22, 113, 0.3);
}
.hover-border-tran-purple-30:active {
  background-color: rgba(126, 22, 113, 0.2);
  border-color: rgba(126, 22, 113, 0.3);
  color: rgba(126, 22, 113, 0.3);
  fill: rgba(126, 22, 113, 0.3);
}

.hover-border-tran-purple-40 {
  background-color: transparent;
  border: 2px solid rgba(126, 22, 113, 0.4);
  color: rgba(126, 22, 113, 0.4);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-purple-40:hover {
  background-color: rgba(126, 22, 113, 0.1);
  border-color: rgba(126, 22, 113, 0.4);
  color: rgba(126, 22, 113, 0.4);
  fill: rgba(126, 22, 113, 0.4);
}
.hover-border-tran-purple-40:active {
  background-color: rgba(126, 22, 113, 0.2);
  border-color: rgba(126, 22, 113, 0.4);
  color: rgba(126, 22, 113, 0.4);
  fill: rgba(126, 22, 113, 0.4);
}

.hover-border-tran-purple-50 {
  background-color: transparent;
  border: 2px solid rgba(126, 22, 113, 0.5);
  color: rgba(126, 22, 113, 0.5);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-purple-50:hover {
  background-color: rgba(126, 22, 113, 0.1);
  border-color: rgba(126, 22, 113, 0.5);
  color: rgba(126, 22, 113, 0.5);
  fill: rgba(126, 22, 113, 0.5);
}
.hover-border-tran-purple-50:active {
  background-color: rgba(126, 22, 113, 0.2);
  border-color: rgba(126, 22, 113, 0.5);
  color: rgba(126, 22, 113, 0.5);
  fill: rgba(126, 22, 113, 0.5);
}

.hover-border-tran-purple-60 {
  background-color: transparent;
  border: 2px solid rgba(126, 22, 113, 0.6);
  color: rgba(126, 22, 113, 0.6);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-purple-60:hover {
  background-color: rgba(126, 22, 113, 0.1);
  border-color: rgba(126, 22, 113, 0.6);
  color: rgba(126, 22, 113, 0.6);
  fill: rgba(126, 22, 113, 0.6);
}
.hover-border-tran-purple-60:active {
  background-color: rgba(126, 22, 113, 0.2);
  border-color: rgba(126, 22, 113, 0.6);
  color: rgba(126, 22, 113, 0.6);
  fill: rgba(126, 22, 113, 0.6);
}

.hover-border-tran-purple-70 {
  background-color: transparent;
  border: 2px solid rgba(126, 22, 113, 0.7);
  color: rgba(126, 22, 113, 0.7);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-purple-70:hover {
  background-color: rgba(126, 22, 113, 0.1);
  border-color: rgba(126, 22, 113, 0.7);
  color: rgba(126, 22, 113, 0.7);
  fill: rgba(126, 22, 113, 0.7);
}
.hover-border-tran-purple-70:active {
  background-color: rgba(126, 22, 113, 0.2);
  border-color: rgba(126, 22, 113, 0.7);
  color: rgba(126, 22, 113, 0.7);
  fill: rgba(126, 22, 113, 0.7);
}

.hover-border-tran-purple-80 {
  background-color: transparent;
  border: 2px solid rgba(126, 22, 113, 0.8);
  color: rgba(126, 22, 113, 0.8);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-purple-80:hover {
  background-color: rgba(126, 22, 113, 0.1);
  border-color: rgba(126, 22, 113, 0.8);
  color: rgba(126, 22, 113, 0.8);
  fill: rgba(126, 22, 113, 0.8);
}
.hover-border-tran-purple-80:active {
  background-color: rgba(126, 22, 113, 0.2);
  border-color: rgba(126, 22, 113, 0.8);
  color: rgba(126, 22, 113, 0.8);
  fill: rgba(126, 22, 113, 0.8);
}

.hover-border-tran-purple-90 {
  background-color: transparent;
  border: 2px solid rgba(126, 22, 113, 0.9);
  color: rgba(126, 22, 113, 0.9);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-purple-90:hover {
  background-color: rgba(126, 22, 113, 0.1);
  border-color: rgba(126, 22, 113, 0.9);
  color: rgba(126, 22, 113, 0.9);
  fill: rgba(126, 22, 113, 0.9);
}
.hover-border-tran-purple-90:active {
  background-color: rgba(126, 22, 113, 0.2);
  border-color: rgba(126, 22, 113, 0.9);
  color: rgba(126, 22, 113, 0.9);
  fill: rgba(126, 22, 113, 0.9);
}

.hover-border-tran-lilac {
  background-color: transparent;
  border: 2px solid rgb(128, 109, 158);
  color: rgb(128, 109, 158);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-lilac:hover {
  background-color: rgba(128, 109, 158, 0.1);
  border-color: rgb(128, 109, 158);
  color: rgb(128, 109, 158);
  fill: rgb(128, 109, 158);
}
.hover-border-tran-lilac:active {
  background-color: rgba(128, 109, 158, 0.2);
  border-color: rgb(128, 109, 158);
  color: rgb(128, 109, 158);
  fill: rgb(128, 109, 158);
}

.hover-border-tran-lilac-10 {
  background-color: transparent;
  border: 2px solid rgba(128, 109, 158, 0.1);
  color: rgba(128, 109, 158, 0.1);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-lilac-10:hover {
  background-color: rgba(128, 109, 158, 0.1);
  border-color: rgba(128, 109, 158, 0.1);
  color: rgba(128, 109, 158, 0.1);
  fill: rgba(128, 109, 158, 0.1);
}
.hover-border-tran-lilac-10:active {
  background-color: rgba(128, 109, 158, 0.2);
  border-color: rgba(128, 109, 158, 0.1);
  color: rgba(128, 109, 158, 0.1);
  fill: rgba(128, 109, 158, 0.1);
}

.hover-border-tran-lilac-20 {
  background-color: transparent;
  border: 2px solid rgba(128, 109, 158, 0.2);
  color: rgba(128, 109, 158, 0.2);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-lilac-20:hover {
  background-color: rgba(128, 109, 158, 0.1);
  border-color: rgba(128, 109, 158, 0.2);
  color: rgba(128, 109, 158, 0.2);
  fill: rgba(128, 109, 158, 0.2);
}
.hover-border-tran-lilac-20:active {
  background-color: rgba(128, 109, 158, 0.2);
  border-color: rgba(128, 109, 158, 0.2);
  color: rgba(128, 109, 158, 0.2);
  fill: rgba(128, 109, 158, 0.2);
}

.hover-border-tran-lilac-30 {
  background-color: transparent;
  border: 2px solid rgba(128, 109, 158, 0.3);
  color: rgba(128, 109, 158, 0.3);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-lilac-30:hover {
  background-color: rgba(128, 109, 158, 0.1);
  border-color: rgba(128, 109, 158, 0.3);
  color: rgba(128, 109, 158, 0.3);
  fill: rgba(128, 109, 158, 0.3);
}
.hover-border-tran-lilac-30:active {
  background-color: rgba(128, 109, 158, 0.2);
  border-color: rgba(128, 109, 158, 0.3);
  color: rgba(128, 109, 158, 0.3);
  fill: rgba(128, 109, 158, 0.3);
}

.hover-border-tran-lilac-40 {
  background-color: transparent;
  border: 2px solid rgba(128, 109, 158, 0.4);
  color: rgba(128, 109, 158, 0.4);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-lilac-40:hover {
  background-color: rgba(128, 109, 158, 0.1);
  border-color: rgba(128, 109, 158, 0.4);
  color: rgba(128, 109, 158, 0.4);
  fill: rgba(128, 109, 158, 0.4);
}
.hover-border-tran-lilac-40:active {
  background-color: rgba(128, 109, 158, 0.2);
  border-color: rgba(128, 109, 158, 0.4);
  color: rgba(128, 109, 158, 0.4);
  fill: rgba(128, 109, 158, 0.4);
}

.hover-border-tran-lilac-50 {
  background-color: transparent;
  border: 2px solid rgba(128, 109, 158, 0.5);
  color: rgba(128, 109, 158, 0.5);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-lilac-50:hover {
  background-color: rgba(128, 109, 158, 0.1);
  border-color: rgba(128, 109, 158, 0.5);
  color: rgba(128, 109, 158, 0.5);
  fill: rgba(128, 109, 158, 0.5);
}
.hover-border-tran-lilac-50:active {
  background-color: rgba(128, 109, 158, 0.2);
  border-color: rgba(128, 109, 158, 0.5);
  color: rgba(128, 109, 158, 0.5);
  fill: rgba(128, 109, 158, 0.5);
}

.hover-border-tran-lilac-60 {
  background-color: transparent;
  border: 2px solid rgba(128, 109, 158, 0.6);
  color: rgba(128, 109, 158, 0.6);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-lilac-60:hover {
  background-color: rgba(128, 109, 158, 0.1);
  border-color: rgba(128, 109, 158, 0.6);
  color: rgba(128, 109, 158, 0.6);
  fill: rgba(128, 109, 158, 0.6);
}
.hover-border-tran-lilac-60:active {
  background-color: rgba(128, 109, 158, 0.2);
  border-color: rgba(128, 109, 158, 0.6);
  color: rgba(128, 109, 158, 0.6);
  fill: rgba(128, 109, 158, 0.6);
}

.hover-border-tran-lilac-70 {
  background-color: transparent;
  border: 2px solid rgba(128, 109, 158, 0.7);
  color: rgba(128, 109, 158, 0.7);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-lilac-70:hover {
  background-color: rgba(128, 109, 158, 0.1);
  border-color: rgba(128, 109, 158, 0.7);
  color: rgba(128, 109, 158, 0.7);
  fill: rgba(128, 109, 158, 0.7);
}
.hover-border-tran-lilac-70:active {
  background-color: rgba(128, 109, 158, 0.2);
  border-color: rgba(128, 109, 158, 0.7);
  color: rgba(128, 109, 158, 0.7);
  fill: rgba(128, 109, 158, 0.7);
}

.hover-border-tran-lilac-80 {
  background-color: transparent;
  border: 2px solid rgba(128, 109, 158, 0.8);
  color: rgba(128, 109, 158, 0.8);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-lilac-80:hover {
  background-color: rgba(128, 109, 158, 0.1);
  border-color: rgba(128, 109, 158, 0.8);
  color: rgba(128, 109, 158, 0.8);
  fill: rgba(128, 109, 158, 0.8);
}
.hover-border-tran-lilac-80:active {
  background-color: rgba(128, 109, 158, 0.2);
  border-color: rgba(128, 109, 158, 0.8);
  color: rgba(128, 109, 158, 0.8);
  fill: rgba(128, 109, 158, 0.8);
}

.hover-border-tran-lilac-90 {
  background-color: transparent;
  border: 2px solid rgba(128, 109, 158, 0.9);
  color: rgba(128, 109, 158, 0.9);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-lilac-90:hover {
  background-color: rgba(128, 109, 158, 0.1);
  border-color: rgba(128, 109, 158, 0.9);
  color: rgba(128, 109, 158, 0.9);
  fill: rgba(128, 109, 158, 0.9);
}
.hover-border-tran-lilac-90:active {
  background-color: rgba(128, 109, 158, 0.2);
  border-color: rgba(128, 109, 158, 0.9);
  color: rgba(128, 109, 158, 0.9);
  fill: rgba(128, 109, 158, 0.9);
}

.hover-border-tran-brown {
  background-color: transparent;
  border: 2px solid rgb(145, 128, 114);
  color: rgb(145, 128, 114);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-brown:hover {
  background-color: rgba(145, 128, 114, 0.1);
  border-color: rgb(145, 128, 114);
  color: rgb(145, 128, 114);
  fill: rgb(145, 128, 114);
}
.hover-border-tran-brown:active {
  background-color: rgba(145, 128, 114, 0.2);
  border-color: rgb(145, 128, 114);
  color: rgb(145, 128, 114);
  fill: rgb(145, 128, 114);
}

.hover-border-tran-brown-10 {
  background-color: transparent;
  border: 2px solid rgba(145, 128, 114, 0.1);
  color: rgba(145, 128, 114, 0.1);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-brown-10:hover {
  background-color: rgba(145, 128, 114, 0.1);
  border-color: rgba(145, 128, 114, 0.1);
  color: rgba(145, 128, 114, 0.1);
  fill: rgba(145, 128, 114, 0.1);
}
.hover-border-tran-brown-10:active {
  background-color: rgba(145, 128, 114, 0.2);
  border-color: rgba(145, 128, 114, 0.1);
  color: rgba(145, 128, 114, 0.1);
  fill: rgba(145, 128, 114, 0.1);
}

.hover-border-tran-brown-20 {
  background-color: transparent;
  border: 2px solid rgba(145, 128, 114, 0.2);
  color: rgba(145, 128, 114, 0.2);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-brown-20:hover {
  background-color: rgba(145, 128, 114, 0.1);
  border-color: rgba(145, 128, 114, 0.2);
  color: rgba(145, 128, 114, 0.2);
  fill: rgba(145, 128, 114, 0.2);
}
.hover-border-tran-brown-20:active {
  background-color: rgba(145, 128, 114, 0.2);
  border-color: rgba(145, 128, 114, 0.2);
  color: rgba(145, 128, 114, 0.2);
  fill: rgba(145, 128, 114, 0.2);
}

.hover-border-tran-brown-30 {
  background-color: transparent;
  border: 2px solid rgba(145, 128, 114, 0.3);
  color: rgba(145, 128, 114, 0.3);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-brown-30:hover {
  background-color: rgba(145, 128, 114, 0.1);
  border-color: rgba(145, 128, 114, 0.3);
  color: rgba(145, 128, 114, 0.3);
  fill: rgba(145, 128, 114, 0.3);
}
.hover-border-tran-brown-30:active {
  background-color: rgba(145, 128, 114, 0.2);
  border-color: rgba(145, 128, 114, 0.3);
  color: rgba(145, 128, 114, 0.3);
  fill: rgba(145, 128, 114, 0.3);
}

.hover-border-tran-brown-40 {
  background-color: transparent;
  border: 2px solid rgba(145, 128, 114, 0.4);
  color: rgba(145, 128, 114, 0.4);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-brown-40:hover {
  background-color: rgba(145, 128, 114, 0.1);
  border-color: rgba(145, 128, 114, 0.4);
  color: rgba(145, 128, 114, 0.4);
  fill: rgba(145, 128, 114, 0.4);
}
.hover-border-tran-brown-40:active {
  background-color: rgba(145, 128, 114, 0.2);
  border-color: rgba(145, 128, 114, 0.4);
  color: rgba(145, 128, 114, 0.4);
  fill: rgba(145, 128, 114, 0.4);
}

.hover-border-tran-brown-50 {
  background-color: transparent;
  border: 2px solid rgba(145, 128, 114, 0.5);
  color: rgba(145, 128, 114, 0.5);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-brown-50:hover {
  background-color: rgba(145, 128, 114, 0.1);
  border-color: rgba(145, 128, 114, 0.5);
  color: rgba(145, 128, 114, 0.5);
  fill: rgba(145, 128, 114, 0.5);
}
.hover-border-tran-brown-50:active {
  background-color: rgba(145, 128, 114, 0.2);
  border-color: rgba(145, 128, 114, 0.5);
  color: rgba(145, 128, 114, 0.5);
  fill: rgba(145, 128, 114, 0.5);
}

.hover-border-tran-brown-60 {
  background-color: transparent;
  border: 2px solid rgba(145, 128, 114, 0.6);
  color: rgba(145, 128, 114, 0.6);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-brown-60:hover {
  background-color: rgba(145, 128, 114, 0.1);
  border-color: rgba(145, 128, 114, 0.6);
  color: rgba(145, 128, 114, 0.6);
  fill: rgba(145, 128, 114, 0.6);
}
.hover-border-tran-brown-60:active {
  background-color: rgba(145, 128, 114, 0.2);
  border-color: rgba(145, 128, 114, 0.6);
  color: rgba(145, 128, 114, 0.6);
  fill: rgba(145, 128, 114, 0.6);
}

.hover-border-tran-brown-70 {
  background-color: transparent;
  border: 2px solid rgba(145, 128, 114, 0.7);
  color: rgba(145, 128, 114, 0.7);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-brown-70:hover {
  background-color: rgba(145, 128, 114, 0.1);
  border-color: rgba(145, 128, 114, 0.7);
  color: rgba(145, 128, 114, 0.7);
  fill: rgba(145, 128, 114, 0.7);
}
.hover-border-tran-brown-70:active {
  background-color: rgba(145, 128, 114, 0.2);
  border-color: rgba(145, 128, 114, 0.7);
  color: rgba(145, 128, 114, 0.7);
  fill: rgba(145, 128, 114, 0.7);
}

.hover-border-tran-brown-80 {
  background-color: transparent;
  border: 2px solid rgba(145, 128, 114, 0.8);
  color: rgba(145, 128, 114, 0.8);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-brown-80:hover {
  background-color: rgba(145, 128, 114, 0.1);
  border-color: rgba(145, 128, 114, 0.8);
  color: rgba(145, 128, 114, 0.8);
  fill: rgba(145, 128, 114, 0.8);
}
.hover-border-tran-brown-80:active {
  background-color: rgba(145, 128, 114, 0.2);
  border-color: rgba(145, 128, 114, 0.8);
  color: rgba(145, 128, 114, 0.8);
  fill: rgba(145, 128, 114, 0.8);
}

.hover-border-tran-brown-90 {
  background-color: transparent;
  border: 2px solid rgba(145, 128, 114, 0.9);
  color: rgba(145, 128, 114, 0.9);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-brown-90:hover {
  background-color: rgba(145, 128, 114, 0.1);
  border-color: rgba(145, 128, 114, 0.9);
  color: rgba(145, 128, 114, 0.9);
  fill: rgba(145, 128, 114, 0.9);
}
.hover-border-tran-brown-90:active {
  background-color: rgba(145, 128, 114, 0.2);
  border-color: rgba(145, 128, 114, 0.9);
  color: rgba(145, 128, 114, 0.9);
  fill: rgba(145, 128, 114, 0.9);
}

.hover-border-tran-pink {
  background-color: transparent;
  border: 2px solid rgb(232, 122, 144);
  color: rgb(232, 122, 144);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-pink:hover {
  background-color: rgba(232, 122, 144, 0.1);
  border-color: rgb(232, 122, 144);
  color: rgb(232, 122, 144);
  fill: rgb(232, 122, 144);
}
.hover-border-tran-pink:active {
  background-color: rgba(232, 122, 144, 0.2);
  border-color: rgb(232, 122, 144);
  color: rgb(232, 122, 144);
  fill: rgb(232, 122, 144);
}

.hover-border-tran-pink-10 {
  background-color: transparent;
  border: 2px solid rgba(232, 122, 144, 0.1);
  color: rgba(232, 122, 144, 0.1);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-pink-10:hover {
  background-color: rgba(232, 122, 144, 0.1);
  border-color: rgba(232, 122, 144, 0.1);
  color: rgba(232, 122, 144, 0.1);
  fill: rgba(232, 122, 144, 0.1);
}
.hover-border-tran-pink-10:active {
  background-color: rgba(232, 122, 144, 0.2);
  border-color: rgba(232, 122, 144, 0.1);
  color: rgba(232, 122, 144, 0.1);
  fill: rgba(232, 122, 144, 0.1);
}

.hover-border-tran-pink-20 {
  background-color: transparent;
  border: 2px solid rgba(232, 122, 144, 0.2);
  color: rgba(232, 122, 144, 0.2);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-pink-20:hover {
  background-color: rgba(232, 122, 144, 0.1);
  border-color: rgba(232, 122, 144, 0.2);
  color: rgba(232, 122, 144, 0.2);
  fill: rgba(232, 122, 144, 0.2);
}
.hover-border-tran-pink-20:active {
  background-color: rgba(232, 122, 144, 0.2);
  border-color: rgba(232, 122, 144, 0.2);
  color: rgba(232, 122, 144, 0.2);
  fill: rgba(232, 122, 144, 0.2);
}

.hover-border-tran-pink-30 {
  background-color: transparent;
  border: 2px solid rgba(232, 122, 144, 0.3);
  color: rgba(232, 122, 144, 0.3);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-pink-30:hover {
  background-color: rgba(232, 122, 144, 0.1);
  border-color: rgba(232, 122, 144, 0.3);
  color: rgba(232, 122, 144, 0.3);
  fill: rgba(232, 122, 144, 0.3);
}
.hover-border-tran-pink-30:active {
  background-color: rgba(232, 122, 144, 0.2);
  border-color: rgba(232, 122, 144, 0.3);
  color: rgba(232, 122, 144, 0.3);
  fill: rgba(232, 122, 144, 0.3);
}

.hover-border-tran-pink-40 {
  background-color: transparent;
  border: 2px solid rgba(232, 122, 144, 0.4);
  color: rgba(232, 122, 144, 0.4);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-pink-40:hover {
  background-color: rgba(232, 122, 144, 0.1);
  border-color: rgba(232, 122, 144, 0.4);
  color: rgba(232, 122, 144, 0.4);
  fill: rgba(232, 122, 144, 0.4);
}
.hover-border-tran-pink-40:active {
  background-color: rgba(232, 122, 144, 0.2);
  border-color: rgba(232, 122, 144, 0.4);
  color: rgba(232, 122, 144, 0.4);
  fill: rgba(232, 122, 144, 0.4);
}

.hover-border-tran-pink-50 {
  background-color: transparent;
  border: 2px solid rgba(232, 122, 144, 0.5);
  color: rgba(232, 122, 144, 0.5);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-pink-50:hover {
  background-color: rgba(232, 122, 144, 0.1);
  border-color: rgba(232, 122, 144, 0.5);
  color: rgba(232, 122, 144, 0.5);
  fill: rgba(232, 122, 144, 0.5);
}
.hover-border-tran-pink-50:active {
  background-color: rgba(232, 122, 144, 0.2);
  border-color: rgba(232, 122, 144, 0.5);
  color: rgba(232, 122, 144, 0.5);
  fill: rgba(232, 122, 144, 0.5);
}

.hover-border-tran-pink-60 {
  background-color: transparent;
  border: 2px solid rgba(232, 122, 144, 0.6);
  color: rgba(232, 122, 144, 0.6);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-pink-60:hover {
  background-color: rgba(232, 122, 144, 0.1);
  border-color: rgba(232, 122, 144, 0.6);
  color: rgba(232, 122, 144, 0.6);
  fill: rgba(232, 122, 144, 0.6);
}
.hover-border-tran-pink-60:active {
  background-color: rgba(232, 122, 144, 0.2);
  border-color: rgba(232, 122, 144, 0.6);
  color: rgba(232, 122, 144, 0.6);
  fill: rgba(232, 122, 144, 0.6);
}

.hover-border-tran-pink-70 {
  background-color: transparent;
  border: 2px solid rgba(232, 122, 144, 0.7);
  color: rgba(232, 122, 144, 0.7);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-pink-70:hover {
  background-color: rgba(232, 122, 144, 0.1);
  border-color: rgba(232, 122, 144, 0.7);
  color: rgba(232, 122, 144, 0.7);
  fill: rgba(232, 122, 144, 0.7);
}
.hover-border-tran-pink-70:active {
  background-color: rgba(232, 122, 144, 0.2);
  border-color: rgba(232, 122, 144, 0.7);
  color: rgba(232, 122, 144, 0.7);
  fill: rgba(232, 122, 144, 0.7);
}

.hover-border-tran-pink-80 {
  background-color: transparent;
  border: 2px solid rgba(232, 122, 144, 0.8);
  color: rgba(232, 122, 144, 0.8);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-pink-80:hover {
  background-color: rgba(232, 122, 144, 0.1);
  border-color: rgba(232, 122, 144, 0.8);
  color: rgba(232, 122, 144, 0.8);
  fill: rgba(232, 122, 144, 0.8);
}
.hover-border-tran-pink-80:active {
  background-color: rgba(232, 122, 144, 0.2);
  border-color: rgba(232, 122, 144, 0.8);
  color: rgba(232, 122, 144, 0.8);
  fill: rgba(232, 122, 144, 0.8);
}

.hover-border-tran-pink-90 {
  background-color: transparent;
  border: 2px solid rgba(232, 122, 144, 0.9);
  color: rgba(232, 122, 144, 0.9);
  cursor: pointer;
  font-size: 16px;
  outline: 0;
  text-decoration: none;
  transition: all 0.3s;
  touch-action: manipulation;
}
.hover-border-tran-pink-90:hover {
  background-color: rgba(232, 122, 144, 0.1);
  border-color: rgba(232, 122, 144, 0.9);
  color: rgba(232, 122, 144, 0.9);
  fill: rgba(232, 122, 144, 0.9);
}
.hover-border-tran-pink-90:active {
  background-color: rgba(232, 122, 144, 0.2);
  border-color: rgba(232, 122, 144, 0.9);
  color: rgba(232, 122, 144, 0.9);
  fill: rgba(232, 122, 144, 0.9);
}

/*# sourceMappingURL=out.css.map */