.flag-buttons{position:relative;z-index:1}.flag-buttons__list{display:flex;flex-wrap:wrap;gap:1rem;justify-content:start;margin:0;position:relative;width:100%;z-index:3}@media (width <= 575px){.flag-buttons__list{gap:1rem}}.flag-buttons__card{align-items:start;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-image:linear-gradient(180deg,rgba(var(--light-rgb),60%),rgba(var(--white-rgb),60%),rgba(var(--primary-rgb),60%),rgba(var(--primary-rgb),90%));background-position:0 0;background-size:100% 300%;border-bottom:1px solid var(--light-color);border-left:1px solid var(--white-color);border-radius:var(--border-radius-md,1.5rem);border-right:1px solid var(--light-color);border-top:1px solid var(--white-color);box-shadow:0 .5rem 1rem -.5rem rgba(var(--black-rgb),.2);color:var(--text-color,#000)!important;display:flex;flex:130px;gap:1.5rem;height:auto;overflow:hidden;padding:2rem 1rem;transition:.25s}@media (width <= 575px){.flag-buttons__card{padding-block:1rem}}.flag-buttons__card[href]:hover{background-position:0 100%;border:1px solid var(--primary-color);color:#fff!important}.flag-buttons__card[href]:hover .flag-buttons__card-image{scale:1.05}.flag-buttons__card-content{align-items:center;display:grid;flex:100%;gap:1rem;grid-template-areas:"flag" "title";grid-template-columns:1fr;place-items:center;position:relative;text-align:center;z-index:1}.flag-buttons__card-flag{grid-area:flag;margin:0;width:3rem}.flag-buttons__card-flag img{border-radius:50%;display:block;height:3rem;object-fit:cover;width:3rem}.flag-buttons__card-title{color:inherit;font-size:var(--text-h6);font-weight:400;grid-area:title;line-height:1.2;margin:0;text-transform:uppercase}