html body .modula-block-preview { background: #f3f3f5; border-radius: 6px; position: relative; overflow: hidden; height: 250px; .components-spinner { display: block; float: none; margin: 0 auto; } .modula-block-preview__content { width: 100%; max-width: 400px; margin: 40px auto; text-align: center; select.components-select-control__input { min-height:40px; line-height:20px; } } .modula-gallery-input { text-align: left; .selectize-dropdown-content { max-height: 100px; } .selectize-input::after { content: ''; border: 0; } } } .modula-block-preview__logo { width: 100%; height: 60px; background:url(../../images/block-preview-bg.svg) no-repeat 50% 0%; background-size: 75%; } .modula-block-preview--images { display: flex; flex-wrap: wrap; margin-left: -1%; margin-right: -1%; } .modula-preview-image-wrap { width: 23%; height: 0px; padding-bottom: 23%; position: relative; margin: 1%; img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } } .modula-appender-media { height: 60px; } .modula-preview-image-wrap { width: 31%; padding-bottom: 23%; position: relative; margin: 1%; height: 200px; } .modula-preview-image-wrap .modula-button { width: 40px; } .modula-items { width: 100%; } .modula-item-content img.pic { height: auto; } .modula-button-group { display: flex; flex-direction: column; width: fit-content; margin: 0 auto; } .modula-button{ margin: 0px; background: white; color: black !important; height: 50px; font-size: 14px; box-shadow: none; border: 1px solid #e3e5e5; position: relative; width: calc(100% + 20px); svg { position: absolute; right: 5px; } } .modula-button:hover { color: #478DB6!important; text-decoration: underline!important; } html body .modula-button-group .modula-button-upsell:hover { text-decoration: underline; color:black!important; } html body .modula-button-group .modula-button-upsell { margin: 0px; background: #3FBF90; color: black; height: 50px; font-size: 14px; width: calc(100% + 20px); }