// place for global css code
.btn {
  font-family: 'Helvetica-Bold', -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif;
  font-size: 1.125rem;
  line-height: 1;
  text-transform: uppercase;
  padding: 8px 16px;
  border-radius: 50px;
  box-shadow: 0 1px 1px rgba(0,0,0,0.12), 
            0 2px 2px rgba(0,0,0,0.12), 
            0 4px 4px rgba(0,0,0,0.12), 
            0 8px 8px rgba(0,0,0,0.12),
            0 16px 16px rgba(0,0,0,0.12);

  &--yellow {
    background-color: $color-yellow;
    
    &:hover {
      background-color: $color-light-yellow;
    }
  }

  &--circle{
    border-radius: 100%;
    padding:16px;
  }
}