/**
 * Contact Block Styles
 * Based on hoitopaikanvalinta theme
 */

.contact-card {
  background-color: #002970;
  text-align: center;
  margin-bottom: 1em;

  h2 {
    margin: 0;
    padding-block: 0.625rem;
    color: white;
  }

  p {
    margin: 0;
    padding-block: 0.625rem;
    text-decoration: underline;
  }

  a {
    color: white;
    text-decoration: none;
    display: block;
    padding-inline: 2em;
    padding-block: 3em;

    &:hover,
    &:focus {
      p {
        text-decoration: none;
        color: white;
      }
    }

    &:focus-visible {
      outline: 2px solid white;
      outline-offset: -5px;
    }
  }
}