//@use '../../sass/abstracts/variables';
@use '../../sass/abstracts/variables' as *;
@use '../../sass/abstracts/mixins';

#{$component-prefix}fixed-button-bar {
  position: fixed;
  z-index: 50;
  background-color: $yellow;
  height: 2rem;
  line-height: 2rem;
  right: 0.5rem;
  bottom: 0;
  text-align: center;
  margin-top: -2rem;
  padding: 0 0.5rem;
  color: $sodra-black;
  font-size: 1.25rem;
  transition: all, $transition-effect, 0.25s;
  border-radius: $border-radius $border-radius 0 0;

  a {
    color: $sodra-black;
  }

  &:hover {
    background-color: darken($yellow, 15);
    color: $sodra-black;
    right: 0;

    a {
      color: $sodra-black;
    }
  }

  @include mixins.media-breakpoint-up(md) {
    width: 2.5rem;
    height: auto;
    right: -0.25rem;
    top: 50%;
    padding: 0.5rem 0;
    bottom: auto;
    //@include border-radius($border-radius 0 0 $border-radius);
    border-radius: $border-radius 0 0 $border-radius;
  }
}