.clickable-icon{font-family:var(--font-poppins),sans-serif;border-radius:9999px;padding:.5rem;font-weight:800}@media (min-width:640px){.clickable-icon{padding:.75rem}}@media (min-width:768px){.clickable-icon{padding:1rem}}.clickable-icon.primary{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity,1));background-color:#4000ae}.clickable-icon.transparent{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity,1));background-color:transparent;position:relative}.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}