// Partials / Block Notice

.block{
  &.dark{
    .notice{
      background-color:rgba(15,22,48,0.25);
      color:#8db4c9;
    }
  }

  .notice{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:16px 20px 16px 30px;
    border-radius:3px;
    background-color:rgba(15,22,48,0.12);
    margin-bottom:50px;
    
    p{
      margin-left:0 !important;
      max-width:100% !important;
      font-size:16px;
      line-height:21px;

      &:last-of-type{
        margin-bottom:0;
      }
    }

    .button{
      padding:10px 14px;
    }
  }
}

@include breakpoint($phone){
  .block{
    .notice{
      padding-left:15px;
      align-items:flex-start;
      flex-direction:column;

      p{
        font-size:13px;
        line-height:17px;
        padding-right:10px;
        text-align:center;
      }

      .button{
        margin-top:15px;
        width:100%;
        text-align:center;
      }
    }
  }
}
