.login__bottom button.ui-button {
  border-radius: 99px;
}
/***** FOOTER *****/
/* Change the default Facebook icon */
.footer-social-media a[href*="facebook"] img {
  content: url('https://s2.svgbox.net/social.svg?ic=facebook&color=987BEF');
  width: 28px;
  height: 28px;
}
/* Change the default Instagram icon */
.footer-social-media a[href*="instagram"] img {
  content: url('https://s2.svgbox.net/social.svg?ic=instagram&color=987BEF');
  width: 28px;
  height: 28px;
}
/* Change the default TikTok icon */
.footer-social-media a[href*="tiktok"] img {
  content: url('https://s2.svgbox.net/social.svg?ic=tiktok&color=987BEF');
  width: 28px;
  height: 28px;
}
/* Change the default Twitter/X icon */
/* X Icon is not featured on s2.svgbox.net. Get it from FontAwesome instead */
/* Disable the default X img, then replace with background SVG */
.footer-social-media a[href*="twitter"] img,
.footer-social-media a[href*="x.com"] img {
  display: none;
}
.footer-social-media a[href*="twitter"],
.footer-social-media a[href*="x.com"] {
  display: inline-block;
  width: 28px;
  height: 28px;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"%3E%3Cpath fill="%23987BEF" d="M357.2 48L427.8 48 273.6 224.2 455 464 313 464 201.7 318.6 74.5 464 3.8 464 168.7 275.5-5.2 48 140.4 48 240.9 180.9 357.2 48zM332.4 421.8l39.1 0-252.4-333.8-42 0 255.3 333.8z"/%3E%3C/svg%3E');
  background-size: contain;
  background-repeat: no-repeat;
}
/* Change the default YouTube icon */
.footer-social-media a[href*="youtube"] img {
  content: url('https://s2.svgbox.net/social.svg?ic=youtube&color=987BEF');
  width: 28px;
  height: 28px;
}
/* Change the default LinkedIn icon */
.footer-social-media a[href*="linkedin"] img {
  content: url('https://s2.svgbox.net/social.svg?ic=linkedin&color=987BEF');
  width: 28px;
  height: 28px;
}
/* Vertically centre the footer items */
/* You may want to disable this style and keep the default top align, if your footer contains more details, such as phone, address etc. */
.footer .footer__content {
  align-items: center;
}
/* Also reduce the deafult 20px gap between the items in the footer */ 
.footer .footer__content .footer__content__column {
  gap: 10px;
}
/* Style the embedded iframe - mobile */
.booking-details-mobile__header {
  border-radius: 0px !important;
  background: #342b3f !important;
  padding: 25px !important;
  filter: initial !important;
  cursor: pointer;
}
/* Then for tablet, there is a different footer */
.bk-sticky-foot {
  height: 80px !important;
}
/* Now style the buttons in the booking form. Use the global button class, but watch it so that no other buttons are affected. */
.ui-button:not(.is-icon-only) {
  border-radius: 99px !important;
  font-size: 16px !important;
  line-height: 16px !important;
  height: 50px !important;
}
/* Exclude the "+ Book another class" button from the package booking section */
.booking-steps-package-service-list .ui-button {
  height: 40px !important;
  padding: 0 20px !important;
}
/* Now let's hide the Map selection button as it doesn't seem to work with multiple locations */
.bs-location-view-button,
.booking-header-mobile__right button.ui-button__type__info {
  display: none !important;
}