yasuhito

<div class="flex content-end justify-center md:justify-start mb-12 md:mb-0">
  <%= link_to '無料で登録', signup_path, class: 'primary-button' %>
  <%= tag.a 'どんな仕組み?', class: 'stroked-button',
      data: { controller: 'smooth-scroll',
              smooth_scroll_anchor: 'learning-methods',
              action: 'click->smooth-scroll#scroll' } %>
</div>

yasuhito

.primary-button {
  @apply bg-green-400;
  @apply border-b-4 border-green-500;
  @apply inline-block;
  @apply py-2 px-5;
  @apply rounded-lg;
  @apply text-base text-white font-bold;
   
  &:active { 
    @apply border-b-0;

yasuhito

<%= link_to '無料で登録', library_index_path, class: 'primary-button' %>

yasuhito

<%= link_to '無料で登録',
            signup_path,
            class: 'inline-block border-b-4 active:mt-1 active:border-b-0 bg-green-400 border-green-500 font-bold py-2 px-5 rounded-lg text-base text-white hover:text-white' %>

yasuhito

# タンテ右翼
https://soundcloud.com/turntablerw/tracks

# アライズバトル
DJ Shun 
https://www.youtube.com/watch?v=aLvL9XooksA

DJ Kouji
https://www.youtube.com/watch?v=GR1ugHn8LAk