.evs-seasonal-link {
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
align-items: center;
gap: 18px;
margin: 0 0 40px;
padding: 22px 24px;
border: 1px solid rgba(80, 207, 224, 0.24);
border-radius: 24px;
background: #eefbfc;
color: #172238;
}
.evs-seasonal-link-icon {
display: grid;
width: 48px;
height: 48px;
place-items: center;
border-radius: 50%;
background: linear-gradient(135deg, #7483f6, #83e7ef);
color: #fff;
font-size: 21px;
}
.evs-seasonal-link-copy {
display: grid;
gap: 3px;
}
.evs-seasonal-link-copy small {
color: #c94e59;
font-size: 11px;
font-weight: 800;
letter-spacing: 0;
line-height: 1.3;
text-transform: uppercase;
}
.evs-seasonal-link-copy strong {
font-size: 20px;
font-weight: 750;
line-height: 1.25;
}
.evs-seasonal-link-copy > span {
color: #626b7a;
font-size: 14px;
line-height: 1.5;
}
.evs-seasonal-link > a {
display: inline-flex;
min-height: 46px;
align-items: center;
justify-content: center;
gap: 10px;
padding: 12px 18px;
border-radius: 24px;
background: #fff;
color: #172238;
font-size: 14px;
font-weight: 750;
line-height: 1.25;
box-shadow: 0 8px 22px rgba(23, 34, 56, 0.08);
transition: color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}
.evs-seasonal-link > a:hover,
.evs-seasonal-link > a:focus-visible {
color: #c94e59;
transform: translateY(-2px);
box-shadow: 0 12px 26px rgba(23, 34, 56, 0.12);
}
@media (max-width: 767.98px) {
.evs-seasonal-link {
grid-template-columns: auto minmax(0, 1fr);
gap: 14px;
padding: 18px;
border-radius: 22px;
}
.evs-seasonal-link-icon {
width: 42px;
height: 42px;
font-size: 18px;
}
.evs-seasonal-link-copy strong {
font-size: 18px;
}
.evs-seasonal-link > a {
grid-column: 1 / -1;
width: 100%;
}
}