blob: d334a8834a1f5fcdfd75697f24c246a8d3e311b6 [file] [log] [blame]
/*!
* 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