@import "../style/colors";

$toastBoxShadow:0 2px 20px 0 rgba(54, 68, 79, 0.1);
$toastBorderRadius:79px;
$toastWidthAndHeight:123px;
$toastPadding:0 20px;
$toastPositionAbsoluteTop: 20px;
$toastPositionAbsoluteLeft: 45px;
$toastTextPositionAbsoluteTop: 50px;

.la-toast{
  width: $toastWidthAndHeight;
  height: $toastWidthAndHeight;
  border-radius: $toastBorderRadius;
  box-shadow: $toastBoxShadow;
  background-color: $midnight-2;
  position: relative;

  .la-toast__icon{
    position: absolute;
    top: $toastPositionAbsoluteTop;
    left: $toastPositionAbsoluteLeft;
    text-align: center;
  }
  .la-toast__text{
    position: absolute;
    top: $toastTextPositionAbsoluteTop;
    padding: $toastPadding;
    text-align: center;
  }
}