/**
 * @file
 * Visual styles for buttons.
 */

.btn,
.image-btn {
  
  a {
    
   &:link {
     color: var(--white);
     background: var(--blue-dk);
     display: inline-block;
     border-radius: var(--spc-sm);
     padding: var(--spc-sm);
     text-transform: uppercase;
     text-align: center;
     font-weight: 500;
    }
    &:hover,
    &:focus-visible {
      background: var(--blue-xdk);
    }
  
  }

}