.image-swap-module{align-items:center;display:flex;gap:20px}.image-swap-module.right{flex-direction:row}.image-swap-module.left{flex-direction:row-reverse}.image-swap-image-wrapper{flex:1;position:relative}.image-swap-buttons{display:flex;flex-direction:column;gap:10px}.image-swap-image-wrapper img{display:block;height:auto;width:100%}.image-swap-image-wrapper .hover-image{left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease-in-out;visibility:hidden}.image-swap-image-wrapper .hover-image.active{opacity:1;visibility:visible}.image-swap-button{background-color:#ede4fa;border-radius:4px;color:#fff;padding:12px 24px;text-align:center;text-decoration:none;transition:background-color .2s ease-in-out}.image-swap-button:hover{background-color:#ac82e6}