.cerulean-btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;flex-shrink:0;border-radius:32px;text-align:center;font-feature-settings:"clig" off,"liga" off;font-family:var(--font-family-demibold);font-size:var(--base-font-size);font-style:normal;white-space:nowrap !important;font-weight:var(--semi-bold-font-weight);line-height:var(--base-line-height);letter-spacing:.06px;text-decoration:none;&:disabled{background:var(--color-table-background);color:var(--color-grey-700);border:1px solid var(--color-light-gray);cursor:not-allowed !important}
}
.cerulean-btn-text .cerulean-btn{background-color:transparent;height:40px;padding:0 32px;border:0;white-space:nowrap;color:var(--color-blue);&:hover{cursor:pointer;color:var(--color-blue-800);::ng-deep svg{fill:var(--color-blue-800);transform:translateX(8px)}
.cdl-left-icon ::ng-deep svg{transform:translateX(0) !important}
.cdl-left-icon-move ::ng-deep svg{transform:translateX(-8px) !important}
}
&-dark{color:var(--color-white);::ng-deep svg{fill:var(--color-white)}
&:hover:not(:disabled){color:var(--color-boulder);::ng-deep svg{fill:var(--color-boulder)}
}
}
&:focus-visible{outline:var(--color-btn-outline-secondary) auto 3px;box-shadow:var(--color-white) 0 0 0 3px}
&.cerulean-btn-size-comfortable,.cerulean-btn-size-roomy{font-size:var(--base-font-size)}
&.cerulean-btn-size-compact{font-size:var(--small-font-size)}
}
.btn-txt-bg-light{background:var(--color-white)}
.btn-txt-bg-dark{background:var(--color-philadelphia)}
.cerulean-btn.disabled{background:var(--color-table-background);color:var(--color-grey-700);border:1px solid var(--color-light-gray);cursor:not-allowed}
.svg-icon{fill:var(--color-cta-blue)}
.cerulean-btn-text .cerulean-btn:hover svg{fill:var(--color-blue-800) !important}
.cerulean-btn-text .cerulean-btn svg{width:16px;height:16px}
.cerulean-btn-text .cerulean-btn:hover{.svg-icon{transform:translate(0)}
}
.cerulean-btn-text .cerulean-btn:hover{.svg-icon.cdl-left-icon.arrow-icon{transform:translate(8px)}
}
.cerulean-btn-text .cerulean-btn:hover{.svg-icon.cdl-right-icon.arrow-icon{transform:translate(-8px)}
}
.cerulean-btn-text .cerulean-btn:hover{.svg-icon.cdl-left-icon.without-arrow-icon{transform:translate(0)}
}
.svg-icon.without-icon{display:none}
.cerulean-btn i{font-family:Fieldwork-Light;--bs-gutter-x:16px !important;display:flex}
.svg-icon.without-arrow-icon{width:24px;height:24px}
@media(max-width:376px),(max-width:768px){.cerulean-btn-text{font-size:var(--small-font-size) !important;line-height:24px !important}
.cerulean-btn svg{margin-top:5px}
}
.cerulean-btn svg{margin-left:0 !important;margin-right:0 !important;margin-bottom:0 !important;margin-top:0}
.cerulean-btn.long-btn svg{margin-top:5px}
.cerulean-btn-size-compact{font-size:var(--small-font-size) !important}
.cerulean-btn-text.cerulean-btn-size-comfortable .cerulean-btn{height:56px !important}
.cerulean-btn-primary .cerulean-btn{background:var(--color-blue);color:var(--color-white);border-width:0 !important;&:hover:not(:disabled){background:var(--color-btn-primary-hover);cursor:pointer}
&-dark{background:var(--color-seattle-white);color:var(--color-cta-blue);border:1px solid var(--color-seattle-white);&:hover:not(:disabled){color:var(--color-white);border:1px solid var(--color-miami);background:var(--color-miami)}
&:disabled{background:var(--color-grey-700);color:var(--color-grey-200);border:var(1px solid --color-grey-700)}
}
&:focus-visible{outline:var(--color-btn-outline-primary auto 3px);box-shadow:var(--color-white 0 0 0 3px)}
}
.cerulean-btn-secondary .cerulean-btn{background:transparent;color:var(--color-blue);border:1px solid var(--color-blue);&:hover:not(:disabled){color:var(--color-white);background:var(--color-btn-primary-hover);cursor:pointer}
&-dark{color:var(--color-seattle-white);border:1px solid var(--color-seattle-white);&:hover:not(:disabled){color:var(--color-cta-blue);border-width:1px !important;background:var(--color-seattle-white)}
&:disabled{background:var(--color-grey-700);color:var(--color-grey-200);border:1px solid var(--color-grey-700)}
}
&:focus-visible{outline:var(--color-btn-outline-secondary auto 3px);box-shadow:var(--color-white 0 0 0 3px)}
}
.cerulean-btn-text.cerulean-btn-size-compact .cerulean-btn{height:40px;padding:0 24px}
.cerulean-btn-text.cerulean-btn-size-roomy .cerulean-btn{height:64px;padding:0 32px}