.moove-gdpr-infobar-allow-all.gdpr-fbo-0 { background: #ff0000 !important; color: #ffffff !important; } .moove-gdpr-infobar-reject-btn { background: #ff0000 !important; color: #ffffff !important; } button.mgbutton.moove-gdpr-modal-allow-all.button-visible { background: #ff0000 !important; color: #ffffff !important; } button.mgbutton.moove-gdpr-modal-reject-all.button-visible { background: #ff0000 !important; color: #ffffff !important; } button.mgbutton.moove-gdpr-modal-allow-all.button-visible:hover { background: #000000 !important; color: #ffffff !important; } button.mgbutton.moove-gdpr-modal-reject-all.button-visible:hover { background: #000000 !important; color: #ffffff !important; } .hover-effect { transition: transform 0.3s ease; } .hover-effect:hover { transform: scale(1.05); } .rotate-hover { display: inline-block; transition: transform 0.3s ease; } .rotate-hover:hover { transform: rotate(360deg); } .hover-zoom { transition: transform 0.3s ease; } .hover-zoom:hover { transform: scale(1.2); } .toggle-icon { display: inline-block; transition: transform 0.3s ease; } .toggle-section.open .toggle-icon { transform: rotate(180deg); } .my-button .hover-effect { transition: transform 0.3s ease; } /* Hover state of the button affects the icon */ .my-button:hover .hover-effect { transform: scale(1.05); } /* Optional: rotation on button hover instead of just icon hover */ .my-button:hover .rotate-hover { transform: rotate(360deg); } @media screen and (max-width: 600px) { .responsive-text { text-align: center; } } /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */ @media screen and (max-width: 600px) { .column-responsive { width: 100%; } } .hover-column { max-height: 420px; transition: max-height 0.5s ease; overflow: hidden; } .hover-column:hover { max-height: 900px; }