/* Buttons and the "Explore" arrow link. */

.btn{display:inline-flex;align-items:center;gap:12px;font-weight:700;font-size:15px;line-height:1;padding:16px 26px;border-radius:999px;border:1.5px solid transparent;cursor:pointer;transition:background .2s,color .2s,border-color .2s;white-space:nowrap}
.btn svg{width:16px;height:16px}
.btn--tide{background:var(--tide);color:var(--deep)}
.btn--tide:hover{background:#6BE3D5}
.btn--white{background:#fff;color:var(--indigo)}
.btn--white:hover{background:var(--lav)}
.btn--line{border-color:rgba(255,255,255,.55);color:#fff}
.btn--line:hover{background:#fff;color:var(--indigo)}
.btn--ind{background:var(--royal);color:#fff}
.btn--ind:hover{background:var(--violet)}
.explore{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:15px;color:var(--royal)}
.explore i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1.5px solid currentColor;transition:background .2s,color .2s}
.explore i svg{width:14px;height:14px}
.explore:hover i{background:var(--royal);color:#fff}
.dark .explore{color:#fff}
.dark .explore:hover i{background:#fff;color:var(--indigo)}