@import '../../init';
@import '../../generic';
@import '../../elements';
@import '../../objects';
@import '../../utilities';

:global {
  @import '../../objects/spacing/margin/bottom/margin-bottom-medium';
  @import '../../objects/grid/align-stretch';
}

.block {
  width: 180px;
  height: 80px;

  .base {
    position: absolute;
    right: 0;
    bottom: 0;

    display: block;

    background-color: var(--color-utility-success);

    transform: translate(50%, 50%);

    &::before {
      font-size: $font-size-xxsmall;
    }
  }
}

.double {
  width: 376px;
}

.wide {
  width: 572px;
}

.square {
  height: 180px;
}

.width {
  width: 100%;
}

.spacing {
  width: 100%;
  height: 100%;
}