.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:#0000;position:relative}.clickable-icon.transparent:hover{background:#8e24ff59}.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}