/* Keep the action readable as one phrase; the arrow is a compact trailing icon. */
body .button{min-height:48px;min-width:0;max-width:100%;flex-wrap:nowrap;white-space:nowrap;line-height:1.2;text-align:center;gap:18px}
body .button>span{display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;min-width:24px;font-size:24px;line-height:1}
body .hero-actions .button{gap:20px}
body .page-actions .button{gap:18px}
/* A sidebar's inner width can be only 186px on a tablet. */
body .page-aside .button{justify-content:space-between;min-height:48px;padding:14px 12px;font-size:12px;gap:10px}
body .page-aside .button>span{flex-basis:21px;width:21px;min-width:21px;font-size:21px}
body .page-cta .button{min-height:50px;padding:15px 17px;font-size:12.5px;gap:14px}
body .page-cta .button>span{flex-basis:22px;width:22px;min-width:22px;font-size:22px}
body .nav-book{min-height:46px;gap:12px}
body .nav-book>span{flex-basis:20px;width:20px;min-width:20px;font-size:20px}
@media(max-width:700px){
 body .page-actions .button{min-height:50px;padding:15px 18px;gap:16px;font-size:12px}
 body .hero-actions .button{gap:20px}
 body .closing .button-lg{gap:18px}
 body .booking-channels .button{gap:14px}
}
/* The reading mode deliberately makes room for larger text. */
body.readable .button{min-height:48px;padding:14px 16px;font-size:16px;line-height:1.35;white-space:normal;gap:14px}