.scroll-rotate-icon { content: url('https://www.bristechtonic.co.uk/wp-content/uploads/2024/11/BrisTechTonic-Bristol-SEO-7.svg'); display: inline-block; transform: rotate(-45deg);  transition: transform 0.8s ease 0.3s;  margin-left: 10px;  }  .h3-heading::after { content: ""; display: inline-block; background-image: url('https://www.bristechtonic.co.uk/wp-content/uploads/2024/11/BrisTechTonic-Bristol-SEO-7.svg'); background-size: contain;  background-repeat: no-repeat;  transform: rotate(-45deg);  transition: transform 0.8s ease 0.3s;  margin-left: 10px;  width: 25px;  height: 25px;  vertical-align: middle;  }  .h2-heading::after { content: ""; display: inline-block; background-image: url('https://www.bristechtonic.co.uk/wp-content/uploads/2024/11/BrisTechTonic-Bristol-SEO-6.svg'); background-size: contain;  background-repeat: no-repeat;  transform: rotate(-45deg);  transition: transform 0.8s ease 0.3s;  margin-left: 10px;  width: 30px;  height: 30px;  vertical-align: middle;  } .h2-heading::after, .h3-heading::after { transition: transform 0.5s ease 0.3s;  } .rotate-to-diagonal::after { transform: rotate(0deg);  }  .heading-with-icon { display: inline-flex; align-items: center; }   .standard-button { display: inline-flex; align-items: center; padding: 14px 24px;  font-size: 18px;  font-weight: 600;  font-family: inherit;  text-decoration: none; background-color: #00afb6;  color: #fff;  border-radius: 4px; transition: background-color 0.3s ease, color 0.3s ease; cursor: pointer; outline: none;  position: relative;  }  .standard-button::after { content: '';  display: inline-block; background-image: url('https://www.bristechtonic.co.uk/wp-content/uploads/2024/11/Arrow-Icon.svg'); background-size: contain; background-repeat: no-repeat; width: 20px;  height: 20px; margin-left: 2px;  transform: rotate(0deg);  transition: transform 0.3s ease;  }  .standard-button:hover { background-color: #1d8ca3;  }  .standard-button:hover::after { transform: rotate(45deg);  }  .standard-button:focus { outline: 2px solid #ff6600;  outline-offset: 4px; }   .dark-button { display: inline-flex; align-items: center; padding: 14px 24px; font-size: 18px; font-weight: 600; font-family: 'League Spartan', sans-serif;  text-decoration: none; color: #fff; border-radius: 4px; transition: color 0.3s ease; cursor: pointer; outline: none; position: relative; background-color: #343434;  overflow: hidden;  }  .dark-button::after { content: ''; display: inline-block; background-image: url('https://www.bristechtonic.co.uk/wp-content/uploads/2024/11/Arrow-Icon.svg'); background-size: contain; background-repeat: no-repeat; width: 20px; height: 20px; margin-left: 2px; transform: rotate(0deg); transition: transform 0.3s ease; }  .dark-button::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #2c2c2c;  transform: scaleX(0) scaleY(0);  transform-origin: top left; transition: transform 0.5s ease; z-index: -1; }  .dark-button:hover::before { transform: scaleX(1) scaleY(1);  }  .dark-button:hover::after { transform: rotate(45deg); }  .dark-button:focus { outline: 2px solid #ff6600; outline-offset: 4px; }   .button-light-hover-effects::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #ffea4e;  transform: scaleX(0) scaleY(0); transform-origin: top left; transition: transform 0.5s ease; z-index: -1;  }  .button-light-hover-effects:hover { background-color: #ffea4e;  }  .button-light-hover-effects:hover::before { transform: scaleX(1) scaleY(1);  }   .light-button { display: inline-flex; align-items: center; padding: 16px 28px;  font-size: 20px;  font-weight: 600; font-family: 'League Spartan', sans-serif; background-color: #fed74e; color: #343434; border-radius: 50px; text-decoration: none; transition: color 0.3s ease; cursor: pointer; outline: none; position: relative; overflow: hidden; z-index: 1; }  .light-button::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #ffea4e; transform: scale(0);  transform-origin: top left; transition: transform 0.5s ease; z-index: -1; }  .light-button:hover::before { transform: scale(1);  }  .light-button::after { content: ''; display: inline-flex;  align-items: center;  justify-content: center;  background-image: url('https://www.bristechtonic.co.uk/wp-content/uploads/2024/11/BrisTechTonic-Bristol-SEO-14.svg'); background-size: 16px 16px; background-repeat: no-repeat; width: 16px; height: 16px; margin-left: 10px;  transform: rotate(0deg); transition: transform 0.3s ease; }  .light-button:hover::after { transform: rotate(45deg); }  .light-button:focus { outline: 2px solid #ff6600; outline-offset: 4px; } <!-- Preload FontAwesome Brand Font (Fast Load) --> <link rel="preload" href="/wp-content/themes/bricks/assets/fonts/fontawesome/fa-brands-400.woff2" as="font" type="font/woff2" crossorigin="anonymous" /> h1, h2, h3, h4, h5, h6 { font-family: "League Spartan", sans-serif !important; }  @font-face { font-family: 'Ionicons'; src: url('/wp-content/themes/bricks/assets/fonts/ionicons/ionicons.woff2') format('woff2'); font-weight: normal; font-style: normal; font-display: swap; ascent-override: 90%; descent-override: 10%; line-gap-override: 0%; } @font-face { font-family: 'themify'; src: url('/wp-content/themes/bricks/assets/fonts/themify/themify.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; ascent-override: 90%; descent-override: 10%; line-gap-override: 0%; } @font-face { font-family: 'Font Awesome 5 Brands'; src: url('/wp-content/themes/bricks/assets/fonts/fontawesome/fa-brands-400.woff2') format('woff2'); font-weight: normal; font-style: normal; font-display: swap; ascent-override: 90%; descent-override: 10%; line-gap-override: 0%; } .wide-container { width: 1300px!important; } .bricks-posts-nothing-found { color: var(--bricks-color-gftuyj); font-family: "League Spartan", sans-serif; font-size: 30px; } #hs-eu-confirmation-button, #hs-eu-decline-button { text-align: center!important; } .bricks-search-form { justify-content: left!important; } .case-study::before { content: ''; position: absolute; inset: 0; background-color: #04abb4; transform: translateX(-100%); transition: transform 0.4s ease; z-index: 0; } .case-study:hover::before { transform: translateX(0); } .case-study > * { position: relative; z-index: 1; } .case-study:hover, .case-study:hover * { color: white !important; }