:root {
  --brand-color: #005380;
  --secondary-color: #020080;
}

* {
  margin: 0;
  padding: 0;
}

html {
  font-size: 14px;
}

body {
  min-height: 100vh;
}

.hover-underline-animation {
  display: inline-block;
  position: relative;

  &::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: -4px;
    left: 0;
    background-color: currentColor;
    transition: transform 0.25s ease-out;
    transform: scaleX(0);
    transform-origin: bottom center;
  }

  &:hover::after {
    transform: scaleX(1);
    transform-origin: bottom center;
  }

  &.link-opacity-75-hover:hover::after {
    opacity: 0.75;
  }
}