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