/*!
 *  Licensed to the Apache Software Foundation (ASF) under one or more
 *  contributor license agreements.  See the NOTICE file distributed with
 *  this work for additional information regarding copyright ownership.
 *  The ASF licenses this file to You under the Apache License, Version 2.0
 *  (the "License"); you may not use this file except in compliance with
 *  the License.  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */

.ctas
  display: flex
  justify-content: center
  align-items: center
  width: 100%
  height: 96px
  position: fixed
  z-index: 1020
  bottom: 0
  box-shadow: 0 -4px 16px 0 rgba(0, 0, 0, 0.06);
  background-color: #ffffff
  margin-top: -5px

  @media (max-width: $ak-breakpoint-lg)
    flex-wrap: nowrap
    width: auto
    justify-content: flex-start
    left: 0
    right: 0
    overflow-y: hidden
    overflow-x: auto


  &_row
    margin: 0 0 0 91px
    max-width: 184px
    transform: translate3d(0px, 0px, 0px)
    &:first-of-type
      margin: 0
    @media (max-width: $ak-breakpoint-lg)
      margin-left: 24px
      &:first-of-type
        margin-left: 24px

  &_button
    width: 184px
    height: 46px
    border-radius: 100px
    background-color: #f26628
    font-size: 14px
    font-weight: bold
    line-height: normal
    letter-spacing: 0.39px
    color: #ffffff
    text-transform: uppercase
    display: flex
    align-items: center
    justify-content: center

    img
      margin-right: 12px
      height: 20px
      width: 20px
    &:hover
      text-decoration: none
      color: #ffffff
      background-color: #f2804d
