.octagonal{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='570' height='385' fill='none' viewBox='0 0 570 385'%3E%3Cpath fill='%23fff' d='M39.31 0 0 41.515V345.67L39.31 385h491.38L570 345.671V41.515L530.69 0z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='570' height='385' fill='none' viewBox='0 0 570 385'%3E%3Cpath fill='%23fff' d='M39.31 0 0 41.515V345.67L39.31 385h491.38L570 345.671V41.515L530.69 0z'/%3E%3C/svg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%}.octagonal:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='570' height='385' fill='none' viewBox='0 0 570 385'%3E%3Cpath stroke='%230c0d0c' stroke-width='4' d='M529.829 2 568 42.31v302.532L529.861 383H40.139L2 344.842V42.311L40.17 2z'/%3E%3C/svg%3E")}.octagonal-sm{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='118' height='80' fill='none' viewBox='0 0 118 80'%3E%3Cpath fill='%23fff' d='M8.138 0 0 8.626v63.202L8.138 80h101.724L118 71.828V8.626L109.862 0z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='118' height='80' fill='none' viewBox='0 0 118 80'%3E%3Cpath fill='%23fff' d='M8.138 0 0 8.626v63.202L8.138 80h101.724L118 71.828V8.626L109.862 0z'/%3E%3C/svg%3E");-webkit-mask-size:97.5% 100%;mask-size:97.5% 100%}.octagonal-sm:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='122' height='84' fill='none' viewBox='0 0 122 84'%3E%3Cpath stroke='%230c0d0c' stroke-width='2' d='m121 74.24-.291.293-8.139 8.173-.293.294H9.723l-.293-.294-8.139-8.173L1 74.24V10.23l.272-.29L9.41 1.313 9.707 1h102.586l.297.313 8.138 8.627.272.29z'/%3E%3C/svg%3E")}.octagonal,.octagonal-sm{background-color:#fff;height:100%;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;overflow:hidden;position:relative;width:100%}.octagonal-sm:after,.octagonal:after{background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:100%;inset:0;overflow:hidden;pointer-events:none;position:absolute;width:100%}