.element-hero{aspect-ratio:1;border:.0625rem solid #c2552e;border-radius:.125rem;height:9rem;overflow:hidden;padding:.78125rem .84375rem;position:relative;width:9rem;z-index:1}.element-hero:before{backdrop-filter:blur(.125rem);-webkit-backdrop-filter:blur(.125rem);background-color:hsla(0,0%,100%,.8);border-radius:.125rem;content:"";filter:blur(.125rem);-webkit-filter:blur(.125rem);height:100%;inset:0;position:absolute;width:100%;z-index:-1}.element-hero:active{background-color:#af3c13;color:#fff}.element-hero:disabled{background-color:#d0d0d0;border-color:grey;color:#d0d0d0;cursor:not-allowed}.element-hero__box{display:flex;flex-direction:column;height:100%;justify-content:space-between}.element-hero__icon{align-self:end;flex:1 0 0.625rem;padding-block-start:.5625rem;padding-inline-end:.4375rem}.element-hero__icon:before{font-size:.71875rem}.element-hero__lable{font-size:1.125rem;font-weight:600;justify-content:end;line-height:1.222222}@media (max-width:64em){.element-hero{height:8.125rem;width:8.125rem}.element-hero__lable{font-size:1rem}}@media (max-width:61.99875em){.element-hero{height:7.5rem;padding:.625rem;width:7.5rem}.element-hero__lable{font-size:1rem}}@media (max-width:47.99875em){.element-hero{height:5rem;padding:.3125rem;width:5rem}.element-hero__icon{padding-block-start:.3125rem;padding-inline-end:.3125rem}.element-hero__icon:before{font-size:.5625rem}.element-hero__lable{font-size:.6875rem}}@media (max-width:29.99875em){.element-hero{height:3.75rem;width:3.75rem}.element-hero__lable{font-size:.5rem}}@media (any-hover:hover){.element-hero:hover{color:#c2552e}.element-hero:hover,.element-hero:hover:before{background-color:rgba(194,85,46,.1)}}