.bg-white.translucent {
    opacity: 1;
    background: rgba(255, 255, 255, .8) !important;
}

.gap {
    gap: 0.5rem;
}

.padding {
    padding: min(3rem, 6vw) min(5rem, 10vw);
}

.card.rounded {
    border-radius: 25px 0px 25px 0px !important;
    overflow: hidden;
}

.card.glow {
    overflow: visible;
    border: 1px solid transparent;
}

.object-fit-cover {
    object-fit: cover;
}

.darken {
    filter: brightness(.5) !important;
}

a.glow:hover, label.glow:hover, button.glow:hover, .card.glow.bg-white:hover {
    animation: glow .3s;
    animation-fill-mode: forwards;
}

@keyframes glow {
  0% {
    box-shadow: 0 0 3px 2px #fff, 0 0 4px 3px #ed0130;
}
90% {
    box-shadow: 0 0 2px 1px #ed0130;
    border: 1px solid #ed0130;
}
100% {
    box-shadow: 0 0 1px 1px #ed0130;
    border: 1px solid #ed0130;
}
}