#modern-button{--gap-between-tooltip-to-button:18px;--button-color:#1a1a1a;--tooltip-color:#fff;background:var(--button-color);color:#fff;cursor:pointer;text-align:center;border:none;padding:0;transition:background .3s ease-in-out;display:inline-block;position:relative;overflow:hidden}#modern-button .button-wrapper{position:absolute;inset:0}#modern-button .text,#modern-button .icon{justify-content:center;align-items:center;transition:transform .5s ease-in-out;display:flex;position:absolute;inset:0}#modern-button .text{transform:translateY(0)}#modern-button .icon{transform:translateY(100%)}#modern-button svg{fill:currentColor;width:24px;height:24px}@media (hover:hover) and (pointer:fine){#modern-button:hover .text{transform:translateY(-100%)}#modern-button:hover .icon{transform:translateY(0)}}@media (hover:none) and (pointer:coarse){#modern-button .text{transform:translateY(0)}#modern-button .icon{display:none}}