install-notice.css
1 lines
| 1 | .wpmet-elementskit-auto-install-notice{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:104px;box-sizing:border-box;margin:5px 0 15px;padding:16px 20px;border-left:4px solid #e91e8c}.wpmet-elementskit-notice-content{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:flex;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:flex;align-items:center;justify-content:center;min-height:unset;line-height:unset;box-sizing:border-box;padding:9px 20px;border-radius:8px;flex:none;font-size:13px;white-space:nowrap;cursor:pointer}#wpmet-elementskit-notice-skip{background:#fff;border:1px solid #d7d7db;color:#000;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%;transform:rotate(20deg);transform-origin:bottom left;z-index:-1;pointer-events:none;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{align-items:flex-start;flex-direction:column}.wpmet-elementskit-notice-actions{flex-wrap:wrap}} |