.mybutton{align-items:center;border-radius:.25rem;border-width:1px;display:inline-flex;justify-content:flex-start;position:relative;width:100%;--tw-border-opacity:1;border-color:rgb(3 105 161/var(--tw-border-opacity,1));padding:.75rem 1.5rem;--tw-text-opacity:1;color:rgb(3 105 161/var(--tw-text-opacity,1));transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.mybutton:hover{background-color:rgb(3 105 161/var(--tw-bg-opacity,1));--tw-bg-opacity:.1}@media(min-width:768px){.mybutton{width:auto}}.mybutton .mybutton-icon{height:1.25rem;position:absolute;width:1.25rem}.mybutton.icon-left{padding-left:3rem}.mybutton.icon-left .mybutton-icon{left:0;margin-left:1rem}.mybutton.icon-right{padding-right:4rem}.mybutton.icon-right .mybutton-icon{margin-right:1rem;right:0}.mybutton.filled{--tw-bg-opacity:1;background-color:rgb(3 105 161/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.mybutton.filled:hover{--tw-border-opacity:1;border-color:rgb(3 105 161/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(3 105 161/var(--tw-text-opacity,1))}.mybutton.button-ghost{background-color:transparent;border-style:none;justify-content:flex-start;padding-left:0;padding-right:0;transition-property:none;width:auto}.mybutton.button-ghost:hover{--tw-text-opacity:1;color:rgb(3 105 161/var(--tw-text-opacity,1));opacity:.6}.mybutton.button-ghost.icon-right{padding-right:3rem}.mybutton.reverse{--tw-border-opacity:1;background-color:transparent;border-color:rgb(255 255 255/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.mybutton.reverse:hover{border-color:transparent;--tw-bg-opacity:.1}.mybutton.reverse.filled,.mybutton.reverse:hover{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.mybutton.reverse.filled{--tw-bg-opacity:1;--tw-text-opacity:1;color:rgb(3 105 161/var(--tw-text-opacity,1))}.mybutton.reverse.filled:hover{--tw-border-opacity:1;background-color:transparent;border-color:rgb(255 255 255/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.mybutton.reverse.ghost{background-color:transparent;padding-bottom:.5rem;padding-left:0;padding-top:.5rem}.mybutton.reverse.ghost:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));opacity:.6}.mybutton+.mybutton{margin-top:1rem}@media(min-width:768px){.mybutton+.mybutton{margin-left:.5rem;margin-top:auto}}
