:host {
  display: inline-block;
  min-width: 340px;
}

a.service-button {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 25px 50px;
  background-color: #004445;
  text-decoration: none;
  overflow: hidden;
  transition: background-color 200ms ease-in-out;

  // Ensure padding is included in width/height calculations.
  box-sizing: border-box;

  // Ensure the element takes full width/height when parent sets it.
  width: 100%;
  height: 100%;

  &::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.2);
    opacity: 0;
    transition: opacity 200ms ease-in-out;
  }

  &:hover {
    &::before {
      opacity: 1;
    }

    &::after {
      content: '';
      position: absolute;
      bottom: 0;
      right: 0;
      width: 150px;
      height: 250%;
      z-index: 0;
      background-image: url('data:image/svg+xml,%3Csvg%20width%3D%22155%22%20height%3D%22119%22%20viewBox%3D%220%200%20155%20119%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M154.856%2017L133%2024.7286L133.479%2026L155%2017.3727L154.856%2017Z%22%20fill%3D%22%23004445%22%2F%3E%3Cpath%20d%3D%22M116%200.143448L123.731%2022L125%2021.5216L116.377%200L116%200.143448Z%22%20fill%3D%22%23004445%22%2F%3E%3Cpath%20d%3D%22M99.0966%2038L121%2030.2881L120.524%2029L99%2037.7372L99.0966%2038Z%22%20fill%3D%22%23004445%22%2F%3E%3Cpath%20d%3D%22M100%2015.3607L120.46%2025L121%2023.7789L100.154%2015L100%2015.3607Z%22%20fill%3D%22%23004445%22%2F%3E%3Cpath%20d%3D%22M138.639%200L129%2021.4368L130.221%2022L139%200.168816L138.699%200.030508L138.639%200Z%22%20fill%3D%22%23004445%22%2F%3E%3Cpath%20d%3D%22M10%2051H8C8%2051%209.96526%2055.0024%209.96526%2055C9.95299%2054.4112%2010%2051%2010%2051Z%22%20fill%3D%22%23004445%22%2F%3E%3Cpath%20d%3D%22M14%2056L12.0368%2052C12.047%2052.5913%2012%2056%2012%2056H14Z%22%20fill%3D%22%23004445%22%2F%3E%3Cpath%20d%3D%22M108.432%2057.0743L106.62%2059.9007L106.547%2059.8675L90.5589%2052.5769L83.8994%2067.9805L70.5829%2065.6034L63.8384%2068.3442L63.7983%2068.3108L54.6421%2061.3033L54.7744%2061.2366L71.6519%2052.9004L72.6242%2048.3745L72.6783%2048.36L89.2893%2044.2359L89.3246%2044.2572L108.48%2056.9984L108.432%2057.0743ZM72.6997%2079.9656L70.7056%2085.3806H68.8649L70.7411%2080.1177V76.7209L71.6874%2075.8365L72.3245%2078.3134L80.7468%2077.7858C80.7468%2077.7928%2080.749%2077.8025%2080.749%2077.8097L72.6997%2079.9656ZM53.7597%2038.2718L50.9939%2035.5905L54.5312%2036.7361L60.5205%2035.7141L60.5489%2035.7354L62.0403%2036.8123L64.0979%2036.5794L64.9498%2037.226L63.645%2037.9676L66.4839%2038.1934L63.3288%2039.9547L59.7747%2037.321C59.7747%2037.321%2053.7739%2038.2742%2053.7597%2038.2718ZM69.8916%2041.9326L67.4938%2046.9315L67.9045%2042.0965L65.1976%2041.595L68.0743%2040.4254L69.8916%2041.9326ZM9.84537%2067.4812L8.76447%2058.0466L10.9614%2067.833L9.84537%2067.4812ZM134.532%2027.442L124.137%2033.0732L110.719%2055.0587L87.5785%2039.4793L74.1817%2042.3722L73.9387%2028.8635C73.9387%2028.8635%2061.8468%2024.2305%2061.691%2024C61.2239%2024.2471%2050.9843%2029.6312%2050.6185%2030.0805L48.7709%2036.356L53.5165%2041.8636L52.9762%2047.8633L55.8575%2047.9823L57.3702%2049.6794L46.2883%2055.6387L30.7321%2074.08L12.2854%2068.2513C12.2806%2066.2451%2012.2735%2063.0979%2012.2617%2057.6544H8.71959L8.2714%2053.7513H6.28672V63.9084L3.60113%2060.8872L0%2060.6069L5.11387%2070.2459L12.2358%2073.5072C12.2358%2073.5072%2012.2358%2073.5072%2012.2972%2073.5357L34.5481%2083.7308L53.3514%2064.5528L62.4059%2074.3177L60.7848%2083.6643C60.7872%2083.6643%2060.7872%2083.6643%2060.7872%2083.6643L60.5537%2085.0073L66.616%2088L83.6848%2082.5922L84.0645%2081.2111C84.0717%2081.2207%2084.0835%2081.2278%2084.0929%2081.2372L90.3112%2058.4366L113.744%2065.7698L127.627%2037.3092L136.611%2031.8775L140%2028.0005L134.532%2027.442Z%22%20fill%3D%22%23004445%22%2F%3E%3Cpath%20d%3D%22M95.7836%20105.423L89.0367%20104.867L94.0696%20100.799L98.4948%20104.085L102.965%20112.795L95.7836%20105.423ZM53.1592%20117.353L53.1332%20117.365L48.072%20119.246C48.072%20119.246%2050.8662%20114.279%2050.878%20114.248L57.6815%20110.849L53.1592%20117.353ZM32.1744%20113.978L57.4971%20101.262V107.168L44.7789%20112.905L32.1744%20113.978ZM113.544%20107.732C113.449%20107.579%20113.307%20107.402%20113.144%20107.214C113.118%20107.185%20113.097%20107.157%20113.069%20107.125C112.906%20106.944%20112.714%20106.745%20112.497%20106.537C112.449%20106.492%20112.404%20106.449%20112.355%20106.401C112.13%20106.191%20111.887%20105.969%20111.615%20105.734C111.56%20105.686%20111.501%20105.639%20111.445%20105.591C111.187%20105.371%20110.913%20105.144%20110.62%20104.905C110.568%20104.862%20110.518%20104.824%20110.464%20104.781C110.154%20104.53%20109.818%20104.269%20109.473%20104.006C109.357%20103.918%20109.244%20103.829%20109.126%20103.738C108.797%20103.49%20108.457%20103.234%20108.104%20102.974C107.946%20102.856%20107.785%20102.739%20107.625%20102.622C107.327%20102.405%20107.022%20102.185%20106.71%20101.96C106.464%20101.784%20106.211%20101.604%20105.956%20101.423C105.731%20101.262%20105.504%20101.102%20105.272%20100.942C104.897%20100.679%20104.516%20100.414%20104.128%20100.144C103.941%20100.017%20103.755%2099.8881%20103.566%2099.7588C99.4049%2096.9028%2094.5945%2093.7933%2090.3749%2091.1284L83.8079%20105.847L67.5083%20111.059L73.8531%20104.668L63.1398%20108.951L63.1446%20100.861L74.6143%2093.5088L60.3172%2099.4291V94.9167L78.0255%2087.4116L64.4471%2091.3458L64.4447%2088.6354L59.5088%2085C59.3078%2085.1242%2059.0644%2085.2723%2058.7995%2085.4325C58.7759%2085.4493%2058.7475%2085.4636%2058.724%2085.4804C58.5585%2085.5808%2058.3907%2085.6837%2058.2038%2085.7982C58.1069%2085.8582%2058.0052%2085.9202%2057.9035%2085.9824C57.7547%2086.0732%2057.6034%2086.1663%2057.4426%2086.2643C57.3291%2086.3336%2057.2086%2086.4077%2057.0881%2086.4818C56.9392%2086.5752%2056.7902%2086.6659%2056.6319%2086.7639C56.4665%2086.8643%2056.2938%2086.9718%2056.1212%2087.077C55.9747%2087.1679%2055.8329%2087.2564%2055.6792%2087.3495C55.4876%2087.4689%2055.2892%2087.5934%2055.0882%2087.7176C54.9651%2087.7916%2054.847%2087.8657%2054.7217%2087.9421C54.476%2088.0952%2054.2206%2088.2554%2053.963%2088.4154C53.852%2088.4849%2053.7431%2088.5518%2053.632%2088.6211C53.3602%2088.7906%2053.0789%2088.9653%2052.7976%2089.1421C52.6958%2089.2041%2052.5989%2089.2639%2052.4972%2089.3284C52.2041%2089.5102%2051.904%2089.6989%2051.6013%2089.8902C51.4998%2089.9522%2051.4005%2090.0144%2051.2988%2090.0789C50.9845%2090.275%2050.6652%2090.4757%2050.3439%2090.6789C50.2444%2090.7411%2050.1477%2090.8031%2050.0483%2090.8654C49.7079%2091.0803%2049.3652%2091.2957%2049.0199%2091.5155C48.9372%2091.568%2048.8569%2091.6181%2048.7718%2091.6708C48.4125%2091.9003%2048.0484%2092.132%2047.6796%2092.3664C47.6041%2092.4141%2047.5283%2092.462%2047.4504%2092.5121C47.0957%2092.7391%2046.7389%2092.9662%2046.3794%2093.1957C46.2825%2093.2579%2046.188%2093.3199%2046.0909%2093.3797C45.7246%2093.6163%2045.3534%2093.8555%2044.9823%2094.0943C44.902%2094.147%2044.8215%2094.1971%2044.7412%2094.2499C44.3725%2094.4887%2044.0013%2094.7278%2043.6302%2094.9691C43.5403%2095.0266%2043.4528%2095.084%2043.3631%2095.1436C42.992%2095.3826%2042.6232%2095.6264%2042.2519%2095.8679C42.167%2095.9228%2042.0795%2095.9802%2041.9942%2096.0376C41.6469%2096.2646%2041.2992%2096.4917%2040.9541%2096.721C40.8406%2096.7952%2040.7273%2096.8695%2040.6161%2096.9459C40.2734%2097.1705%2039.9377%2097.3952%2039.5996%2097.6198C39.4909%2097.6915%2039.3822%2097.7657%2039.2733%2097.8374C38.9093%2098.0786%2038.55%2098.3224%2038.1931%2098.5616C38.115%2098.614%2038.0371%2098.6667%2037.9614%2098.7192C37.6045%2098.9606%2037.2546%2099.1998%2036.9048%2099.4364C36.8244%2099.4912%2036.7417%2099.5463%2036.6636%2099.6013C36.3255%2099.8332%2035.9946%20100.06%2035.6661%20100.29C35.5786%20100.349%2035.4911%20100.409%2035.406%20100.469C35.1059%20100.677%2034.8127%20100.882%2034.5218%20101.088C34.4107%20101.164%2034.2972%20101.243%2034.1885%20101.32C33.9144%20101.513%2033.6518%20101.702%2033.3871%20101.893C33.2714%20101.975%2033.1507%20102.061%2033.0374%20102.142C32.7749%20102.331%2032.5243%20102.515%2032.2737%20102.696C32.1674%20102.775%2032.0563%20102.856%2031.9522%20102.933C31.7041%20103.115%2031.4701%20103.289%2031.2359%20103.466C31.1368%20103.543%2031.0303%20103.619%2030.9334%20103.693C30.7136%20103.86%2030.508%20104.021%2030.3%20104.183C30.1983%20104.26%2030.092%20104.341%2029.9949%20104.417C29.7987%20104.573%2029.619%20104.716%2029.437%20104.864C29.3401%20104.941%2029.2362%20105.024%2029.1415%20105.099C28.9643%20105.247%2028.8012%20105.383%2028.638%20105.524C28.5552%20105.593%2028.4653%20105.667%2028.3874%20105.737C28.2315%20105.868%2028.0943%20105.995%2027.9548%20106.121C27.8815%20106.188%2027.7988%20106.258%2027.7302%20106.322C27.6073%20106.437%2027.5056%20106.54%2027.3969%20106.647C27.3284%20106.717%2027.2481%20106.788%2027.1865%20106.853C27.0826%20106.963%2026.9997%20107.058%2026.91%20107.159C26.8626%20107.211%2026.8037%20107.274%2026.7611%20107.326C26.6381%20107.472%2026.5387%20107.608%2026.4608%20107.732L25%20111.6L30.4181%20121H109.591L115%20111.6L113.544%20107.732Z%22%20fill%3D%22%23004445%22%2F%3E%3C%2Fsvg%3E');
      background-repeat: no-repeat;
      background-position: bottom right;
      background-size: contain;
    }
  }

  .title {
    position: relative;
    z-index: 1;
    font-size: 24px;
    font-weight: 700;
    color: #eaf0f0;
    margin-bottom: 8px;
  }

  .subtitle {
    position: relative;
    z-index: 1;
    font-size: 16px;
    font-weight: 400;
    color: #eaf0f0;
  }
}