.clickable-icon{border-radius:9999px;padding:.5rem;font-family:var(--font-poppins),sans-serif;font-weight:800}@media (min-width:640px){.clickable-icon{padding:.75rem}}@media (min-width:768px){.clickable-icon{padding:1rem}}.clickable-icon.primary{background-color:#4000ae}.clickable-icon.primary,.clickable-icon.transparent{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.clickable-icon.transparent{position:relative;background-color:transparent}.clickable-icon.transparent:hover{background:rgba(142,36,255,.35)}.clickable-icon.large{padding:1rem}@media (min-width:640px){.clickable-icon.large{padding:1.25rem}}@media (min-width:768px){.clickable-icon.large{padding:1.5rem}}.clickable-icon.small{padding:1.5rem}