// =======================================================
// 🔘 Box Shadow (_box-shadow.scss)
// =======================================================

.box-shadow-layout{
  .shadow-card{
    width: 100%;
    height: 250px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    &.shadow-1{
      box-shadow: $box-shadow-01;
    }
    &.shadow-2{
      box-shadow: $box-shadow-02;
    }
    &.shadow-3{
      box-shadow: $box-shadow-03;
    }
    &.shadow-4{
      box-shadow: $box-shadow-04;
    }
    &.shadow-5{
      box-shadow: $box-shadow-05;
    }
    h3{
      margin-bottom: 0;
    }
  }
}