install-notice.css
1 lines
| 1 | .wpmet-elementskit-auto-install-notice{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:20px;min-height:104px;-webkit-box-sizing:border-box;box-sizing:border-box;margin:5px 0 15px;padding:16px 20px;border-left:4px solid #e91e8c}.wpmet-elementskit-notice-content{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.wpmet-elementskit-notice-content h3{margin:0 0 6px;font-family:Inter,sans-serif;font-size:24px;font-weight:700;line-height:24px}.wpmet-elementskit-notice-content p{margin:0;color:#50575e;font-family:Inter,sans-serif;font-size:16px;font-weight:500;line-height:24px}.wpmet-elementskit-notice-actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;gap:10px}@property --angle{syntax:'<angle>';initial-value:162.14deg;inherits:false}#wpmet-elementskit-notice-confirm,#wpmet-elementskit-notice-skip{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:unset;line-height:unset;-webkit-box-sizing:border-box;box-sizing:border-box;padding:9px 20px;border-radius:8px;-webkit-box-flex:0;-ms-flex:none;flex:none;font-size:13px;white-space:nowrap;cursor:pointer}#wpmet-elementskit-notice-skip{background:#fff;border:1px solid #d7d7db;color:#000;-webkit-transition:background 250ms ease,border-color 250ms ease,color 250ms ease;transition:background 250ms ease,border-color 250ms ease,color 250ms ease}#wpmet-elementskit-notice-skip:hover{background:#dbeafe;border:1px solid #dbeafe;color:#000}#wpmet-elementskit-notice-confirm{position:relative;overflow:hidden;isolation:isolate;--angle:162.14deg;background:linear-gradient(var(--angle),#4371f8 7.19%,#2b58de 44.76%);color:#fff}#wpmet-elementskit-notice-confirm::after{content:"";position:absolute;top:-60%;right:-10%;width:65%;height:200%;background:rgba(255,255,255,.1);border-radius:60% 0 0 10%;-webkit-transform:rotate(20deg);transform:rotate(20deg);-webkit-transform-origin:bottom left;transform-origin:bottom left;z-index:-1;pointer-events:none;-webkit-transition:top .3s ease,right .3s ease,opacity .3s ease;transition:top .3s ease,right .3s ease,opacity .3s ease}#wpmet-elementskit-notice-confirm:hover::after{top:-70%;right:0;opacity:.7}@media screen and (max-width:782px){.wpmet-elementskit-auto-install-notice{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.wpmet-elementskit-notice-actions{-ms-flex-wrap:wrap;flex-wrap:wrap}} |