26 lines
509 B
CSS
26 lines
509 B
CSS
|
.components__sponsor_cards {
|
||
|
|
display: flex;
|
||
|
|
gap: var(--_gap);
|
||
|
|
flex-wrap: wrap;
|
||
|
|
justify-content: center;
|
||
|
|
padding: var(--_gap);
|
||
|
|
}
|
||
|
|
|
||
|
|
.components__sponsor_card {
|
||
|
|
background-color: var(--_translucent);
|
||
|
|
aspect-ratio: 2/1;
|
||
|
|
padding: var(--_gap);
|
||
|
|
display: flex;
|
||
|
|
width: 15rem;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
border: var(--_border-size) solid transparent;
|
||
|
|
transition: all var(--_transition-delay) ease;
|
||
|
|
outline: none;
|
||
|
|
|
||
|
|
&:focus-visible,
|
||
|
|
&:hover {
|
||
|
|
border-color: var(--_accent-color);
|
||
|
|
}
|
||
|
|
}
|