.btn {
   padding: 16px;
   color: #ffffff;
   font-size: rem(12);
   font-weight: 500;
   text-transform: uppercase;
   border-radius: 4px;
   background-color: cl("accent");
   text-align: center;
   transition: all 0.3s ease-in-out;
   line-height: 1;
   cursor: pointer;
   @include _Tablet {
      padding: 20px;
   }

   @include _Desktop {
      font-size: rem(14);
   }

   &:hover {
      background-color: cl("accent-hover");
   }
}
