:root{--border-radius: 3.75rem}@media (min-width: 48em){:root{--border-radius: 5rem}}.icon-button{display:flex;align-items:center;justify-content:center;background-color:#ebf1f9;width:40px;height:40px;border:none;border-radius:5px;text-decoration:none;cursor:pointer;color:#001d3d;transition:all .3s}.icon-button:hover{background-color:#fdc500}@media (min-width: 48em){.icon-button--small{width:23px;height:23px}.icon-button--small .icon{font-size:9px}}.icon-button--large{width:40px;height:40px}@media (min-width: 48em){.icon-button--large .icon{font-size:14px}}.icon-button--rounded{border-radius:100%;width:34px;height:34px}@media (min-width: 48em){.icon-button--rounded{width:25px;height:25px}}.icon-button--rounded .icon{font-size:11px}@media (min-width: 48em){.icon-button--rounded .icon{font-size:9px}}.icon-button--blue{background-color:#003f88}.icon-button--blue .icon{color:#fff}.icon-button--white{background-color:#fff}.icon-button--white.border{border:solid 1px #001D3D}.icon-button--white.border:hover{border-color:#fdc500}.icon-button--blue-10{background-color:#ebf1f9}.icon-button--dark-blue{background-color:#001d3d}.icon-button--dark-blue:hover .icon{color:#001d3d}.icon-button--dark-blue .icon{color:#fff}.icon-button--yellow{background-color:#fdc500}.icon-button--yellow:hover{background-color:#001d3d}.icon-button--yellow:hover .icon{color:#fff}.icon-button--transparent{background-color:#ffffff4d;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px)}.icon-button--transparent .icon{color:#fff}