.custom-button { width: 96%; margin-left: 2%; margin-right: 2%; height: 4cm; box-shadow: 0px 0px 8px 2px #d5d5d5ab; background: white; margin-bottom: 0.3cm; border-color: #ececec; border-style: solid; border-width: 0.02cm; } // .custom-button:hover { // -webkit-box-shadow: 0px 0px 8px 2px #d1212747;; // -moz-box-shadow: 0px 0px 8px 2px #d1212747;; // box-shadow: 0px 0px 8px 2px #d1212747;; // } .icon{ margin-top: 0.7cm; margin-left: 27%; margin-right: 27%; width: 46%; -o-object-fit: contain; object-fit: contain; max-height: 2.4cm; } .title { margin: 0; padding: 0; margin-top: .1cm; margin-left: 6%; margin-right: 6%; width: 88%; text-align: center; font-size: 0.38cm; color: var(--ion-color-secondary); } .overlay { background: white; opacity: 0.6; position: absolute; left: 0; right: 0; width: 100%; bottom: 0; top: 0; height: 100%; z-index: 10; } @media (orientation: landscape) { .custom-button { height: 4.5cm; } }