.icon-arrow{display:-webkit-box;display:-ms-flexbox;display:flex;height:-webkit-max-content;height:-moz-max-content;height:max-content;width:-webkit-max-content;width:-moz-max-content;width:max-content;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:rotateX(0deg);transform:rotateX(0);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.icon-arrow--top{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.icon-arrow--left{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.icon-arrow--bottom{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.icon-arrow__element{-webkit-transition:fill .3s linear;transition:fill .3s linear;fill:var(--color-prop)}.icon-arrow:hover .icon-arrow__element{fill:var(--hover-color)}