.octagon[data-v-20af8c54]{clip-path:polygon(10% 0,90% 0,100% 10%,100% 90%,90% 100%,10% 100%,0 90%,0 10%)}.hover-to-project[data-v-20af8c54]{-webkit-backdrop-filter:blur(.27778rem);backdrop-filter:blur(.27778rem);transition:background-color .3s,color .3s}.hover-to-project .icon-octagon[data-v-20af8c54]{transition:opacity .3s}@media (min-width:614px){.group:hover .hover-to-project[data-v-20af8c54],.hover-to-project[data-v-20af8c54]:hover{background-color:var(--project);color:#fff}.group:hover .hover-to-project .icon-octagon[data-v-20af8c54],.hover-to-project:hover .icon-octagon[data-v-20af8c54]{opacity:0}}.hover-to-transparent[data-v-20af8c54]{-webkit-backdrop-filter:blur(.27778rem);backdrop-filter:blur(.27778rem);transition:background-color .3s,color .3s}.hover-to-transparent .icon-octagon[data-v-20af8c54]{opacity:0;transition:opacity .3s}@media (min-width:614px){.hover-to-transparent[data-v-20af8c54]:hover{background-color:transparent;color:#fff}.hover-to-transparent:hover .icon-octagon[data-v-20af8c54]{opacity:100%}}