.tips{position:relative}.tips__btn{padding:1em;font-family:var(--wp--preset--font-family--gotham);background-color:#d7e3dc;color:var(--wp--preset--color--primary);border-color:currentColor;border-style:solid;border-width:2px;font-weight:500;text-transform:uppercase;border-radius:30em;padding:var(--wp--preset--spacing--20) var(--wp--preset--spacing--80);font-size:var(--wp--preset--font-size--medium);cursor:pointer}.tips .tips-content{position:absolute;left:1em;right:1em;margin:1em auto 0 auto;padding-top:1em;background-color:#d7e3dc;border:1px solid var(--wp--preset--color--primary);padding:0 1em;border-radius:.4em;font-size:var(--wp--preset--font-size--small);text-align:center;display:none}.tips .tips--show ~ .tips-content{display:flex;flex-direction:column}.tips .close{position:relative;display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;cursor:pointer;margin:1em 0 0 auto}.tips .close::before,.tips .close::after{position:absolute;content:'';height:2px;width:1em;display:block;background-color:var(--wp--preset--color--primary)}.tips .close::before{transform:rotate(45deg)}.tips .close::after{transform:rotate(-45deg)}@media(min-width:1080px){.tips .tips-content{left:0;right:0}}